jQuery focusin() 方法

jQuery 事件

当元素(或在其内的任意元素)获得焦点时发生 focusin 事件。
当在元素或在其内的任意元素上发生 focus 事件时,focusin() 方法添加要运行的函数。

focus()方法不同,focusin()方法还会触发是否有任何子元素获得焦点。

该方法通常与focusout()方法一起使用。

语法:

触发选定元素的focusin事件:

$(selector).focusin()

将函数附加到focusin事件:

$(selector).focusin(function)

实例

触发<input>的focusin事件:

$(document).ready(function(){
  $("input").focusin().css("background-color", "lightgreen");
});
测试看看‹/›

当<div>元素或任何子元素获得焦点时,设置<div>元素的背景色:

$("div").focusin(function(){
  $(this).css("background-color", "lightblue");
});
测试看看‹/›

参数值

参数描述
function每次触发focusin事件时执行的函数

jQuery 事件