jQuery是一個非常流行的JavaScript庫,它可以讓我們更輕松地操作DOM和處理事件,其中包括設置input獲得焦點事件。下面我們來介紹如何使用jQuery來實現這個事件。
$(document).ready(function(){ //選中需要設置焦點的input元素 var inputElement = $("input"); //為該元素綁定獲得焦點事件 inputElement.focus(function(){ //當元素獲得焦點時,設置它的背景色為灰色 $(this).css("background-color", "gray"); }); //為該元素綁定失去焦點事件 inputElement.blur(function(){ //當元素失去焦點時,恢復它的背景色 $(this).css("background-color", "white"); }); });
以上代碼中,我們首先通過選取$("input")語句選中了所有的input元素(也可以根據需要選擇具體的input元素,例如$("input[type=text]")),然后依次為該元素綁定了獲得和失去焦點事件。當元素獲得焦點時,我們使用$(this)來選中該元素,并設置其背景色為灰色;當元素失去焦點時,我們同樣使用$(this)選中該元素,并將其背景色恢復為白色。