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