.focusin()
返回: jQuery
.focusin( handler )
描述:把某个事件处理函数绑定到事件“focusin”上。
加入于: 1.4
.focusin( handler )加入于: 1.4.3
.focusin( [eventData ], handler )- eventData类型:Anything一个对象,它包含了要传递给事件处理函数的数据。
- handler一个函数,在每次事件被触发时执行它。
加入于: 1.0
.focusin()该签名不接受任何参数。
在前两种变体中,该方法是.on( "focusin", handler )的简写,在第三种变体中,是.trigger( "focusin" )的简写。
当一个元素获得焦点,或者它里面的元素获得焦点时,focusin事件发送到这个元素。这个事件与focus事件的区别是,它支持在父元素上侦测焦点事件(换句话说,它支持冒泡)。
该事件很容易与focusout事件一起使用。
其它说明
- 因为
.focusin()方法是.on( "focus", handler )的简写,所以可以用.off( "focusin" )来分离它。
示例
观察一个焦点发生在网页上的段落文本内。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>focusin demo</title>
<style>
span {
display: none;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<p><input type="text"> <span>focusin fire</span></p>
<p><input type="password"> <span>focusin fire</span></p>
<script>
$( "p" ).focusin(function() {
$( this ).find( "span" ).css( "display", "inline" ).fadeOut( 1000 );
});
</script>
</body>
</html>
演示结果