jquery聚焦

jQuery 聚焦事件与方法

在 jQuery 中，聚焦（focus）通常指表单元素获取焦点时的交互行为，可以通过事件绑定或方法触发实现。

聚焦事件绑定 使用 focus() 方法为元素绑定聚焦事件，当元素获得焦点时触发回调函数：

$("input").focus(function() {
  $(this).css("background-color", "#f0f0f0");
});

手动触发聚焦 通过无参数的 focus() 方法让指定元素主动获取焦点：

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

事件委托处理 对于动态生成的元素，使用 on() 方法委托聚焦事件：

$(document).on("focus", ".dynamic-input", function() {
  alert("输入框已聚焦");
});

聚焦相关事件

• focusin(): 支持事件冒泡的聚焦事件
• focusout(): 失去焦点事件
• blur(): 失去焦点的简写方法

示例组合使用：

$("input").focus(function() {
  console.log("获得焦点");
}).blur(function() {
  console.log("失去焦点");
});

注意事项

1. 部分浏览器对程序触发的聚焦事件可能限制弹出键盘（移动端）
2. 聚焦样式可通过 CSS :focus 伪类实现，无需全部使用 jQuery
3. 对于表单验证，建议结合 focusout 和 blur 事件共同处理