jQuery的onfocus()方法是一種在輸入框或其他元素獲得焦點時觸發的事件處理程序。這個方法可以用于改變輸入框的樣式或添加其他效果。
$(selector).on('focus', function(){ //code to be executed when the element is focused })
其中,selector表示要綁定事件的元素,可以是任何合法的jQuery選擇器。on()方法是jQuery中用于綁定事件的方法,其第一個參數是事件類型,這里使用focus,即當元素獲得焦點時觸發事件。第二個參數是事件處理程序,可以是一段JavaScript代碼,也可以是一個已定義的函數。
$('input[type="text"]').on('focus', function(){ $(this).css('background-color', 'yellow'); })
上面的代碼表示當頁面中所有type為text的輸入框獲得焦點時,將它們的背景色改為黃色。注意這里使用了this關鍵字代表當前輸入框元素。
$('input[type="text"]').on('focus', highlight); function highlight(){ $(this).css('background-color', 'yellow'); }
這個例子展示了如何使用已定義的函數作為事件處理程序。highlight函數與上面的代碼片段相同,只是將其提取并單獨定義了一個函數。
總之,jQuery的onfocus()方法是一種方便的事件處理程序,可以在輸入框或其他元素獲得焦點時添加各種效果和樣式。