.focusout()
返回: jQuery
.focusout( handler )
描述:把某个事件处理函数绑定到JavaScript事件“focusout”上。
加入于: 1.4
.focusout( handler )加入于: 1.4.3
.focusout( [eventData ], handler )- eventData类型:Anything一个对象,它包含了要传递给事件处理函数的数据。
- handler一个函数,在每次事件被触发时执行它。
加入于: 1.0
.focusout()该签名不接受任何参数。
这个方法,当它带参数时,是.on( "focusout", handler )
的简写,不带参数时,是.trigger( "focusout" )
的简写。
当一个元素失去焦点,或者它的内部任何一个元素失去焦点时,该focusout
事件发送到该元素上。这个事件与blur事件的区别是,它支持侦测在后代元素上失去焦点(换句话说,它支持冒泡)。
这个事件很容易与focusin
事件一起使用。
其它说明
- 因为
.focusout()
方法是.on( "focusout", handler )
的简写,所以可以用.off( "focusout" )
来分离它。
示例
观察在一个段落文本内部失去焦点,并注意到focusout
计数和blur
计数的不同之处。(blur
计数不会改变,因为那些事件不会冒泡。)
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>focusout demo</title> <style> .inputs { float: left; margin-right: 1em; } .inputs p { margin-top: 0; } </style> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <div class="inputs"> <p> <input type="text"><br> <input type="text"> </p> <p> <input type="password"> </p> </div> <div id="focus-count">focusout fire</div> <div id="blur-count">blur fire</div> <script> var focus = 0, blur = 0; $( "p" ) .focusout(function() { focus++; $( "#focus-count" ).text( "focusout fired: " + focus + "x" ); }) .blur(function() { blur++; $( "#blur-count" ).text( "blur fired: " + blur + "x" ); }); </script> </body> </html>
演示结果