jQuery focus()

focus()方法是jQuery中一个常用的事件方法之一。它用于在元素获取焦点时触发事件。

语法

$(selector).focus(function() {
   //事件处理代码
});

参数

• function(): 事件处理函数，可以在函数中编写执行的功能。

返回值

如果在定义事件处理函数时有返回值，则该返回值可以取消默认操作。

示例

假设我们有一个文本框，我们想在用户在该文本框中输入时显示提示信息，则可以使用以下代码：

<input type="text" id="myInput" />

<div id="message"></div>

$("#myInput").focus(function() {
   $("#message").text("请在此输入您的信息");
});

在该示例中，我们使用focus()方法定义了一个事件处理函数，在文本框获取焦点时，该事件处理函数将显示一条提示信息。

注意事项

• focus()方法只适用于可获得焦点的元素，如<input>元素，<textarea>元素等。
• focus()方法也可用于一个元素上，为该元素的子元素设置focus()不会影响到父元素。
• 支持事件冒泡，当子元素获取焦点时，父元素上的同名事件也会触发。因此，可以使用$(document).on('focus', selector, function(){})来添加事件处理程序。

参考链接

• jQuery Focus()方法