focus() 是 jQuery 的一個事件處理函數,用于為選擇的元素綁定 focus 事件。當元素獲取焦點時,執行綁定的回調函數。下面是一個簡單的使用示例:
$('input').focus(function() { console.log('Input has focus'); });
上述代碼綁定了所有 input 元素的 focus 事件,當用戶點擊輸入框時,將在控制臺輸出 "Input has focus"。
focus() 與 blur() 相對應,用于處理失去焦點事件。可以將它們結合使用,在用戶輸入完成后執行驗證等邏輯。下面是一個示例:
$('input').blur(function() {
var value = $(this).val();
if (value === '') {
$(this).addClass('error').after('請填寫此項');
}
});
$('input').focus(function() {
$(this).removeClass('error').next('span.error').remove();
});
上述代碼綁定了所有 input 元素的 blur 和 focus 事件。當用戶離開輸入框時,如果輸入框的值為空,將給其添加一個 error 類,并在其后面插入一段錯誤提示。而當用戶重新進入輸入框時,將移除 error 類并刪除錯誤提示。
總的來說,focus() 是一個非常實用的 jQuery 事件處理函數,可以方便地為元素綁定處理焦點事件的邏輯。