jquery获得焦点

获取焦点的方法

在jQuery中，可以通过focus()方法或trigger('focus')来使元素获得焦点。以下是具体实现方式：

// 方法1：直接调用focus()
$('#elementId').focus();

// 方法2：使用trigger触发focus事件
$('#elementId').trigger('focus');

自动聚焦的实现

页面加载时自动聚焦到指定输入框的常见实现：

$(document).ready(function() {
    $('#username').focus(); 
});

焦点事件监听

可以同时绑定focus和blur事件来处理焦点变化：

$('.input-field').focus(function() {
    $(this).css('border-color', 'blue');
}).blur(function() {
    $(this).css('border-color', '#ccc');
});

动态元素焦点控制

对于动态生成的元素，需要使用事件委托：

$(document).on('focus', '.dynamic-input', function() {
    console.log('元素获得焦点');
});

浏览器兼容性提示

某些情况下需要添加轻微延迟确保焦点生效：

setTimeout(function() {
    $('#search-box').focus();
}, 50);

以上方法适用于大多数表单元素如input、textarea、select等。对于div等非表单元素，需先设置tabindex属性才能获得焦点。