.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>
演示结果