jquery聚焦

jQuery 聚焦方法

使用 jQuery 实现元素聚焦可以通过 .focus() 方法或原生 JavaScript 的 focus() 方法结合 jQuery 选择器完成。

使用 .focus() 方法

通过 jQuery 选择目标元素并调用 .focus() 方法，将焦点设置到该元素上：

$("#inputId").focus();

触发原生 focus()

jQuery 对象可以通过索引获取原生 DOM 元素，直接调用原生 focus()：

$("#inputId")[0].focus();

自动聚焦页面加载

在文档加载完成后自动聚焦到指定元素：

$(document).ready(function() {
    $("#inputId").focus();
});

动态聚焦条件

根据条件动态触发聚焦，例如检测输入框为空时自动聚焦：

if ($("#inputId").val() === "") {
    $("#inputId").focus();
}

聚焦事件监听

通过 .on() 监听 focus 事件，执行回调函数：

$("#inputId").on("focus", function() {
    console.log("输入框已聚焦");
});

注意事项

• 目标元素需为可聚焦元素（如 input、textarea、a 等）。
• 若元素被隐藏（display: none）或禁用（disabled），聚焦会失效。
• 部分浏览器可能限制页面加载时的自动聚焦行为，需用户交互后触发。