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），聚焦会失效。 - 部分浏览器可能限制页面加载时的自动聚焦行为，需用户交互后触发。
