.blur()
.blur( handler(eventObject) ) 官网原E文: jQuery
描述: 为 "blur" 事件绑定一个处理函数,或者触发元素上的 "blur" 事件。
-
version added: 1.0.blur( handler(eventObject) )
handler(eventObject)每次事件触发时会执行的函数。
-
version added: 1.4.3.blur( [ eventData ], handler(eventObject) )
eventData将要传递给事件处理函数的数据映射。
handler(eventObject)每次事件触发时会执行的函数。
version added: 1.0.blur()
这个函数的第一种用法是 .bind('blur', handler)
的快捷方式,第二种用法是 .bind('keydown')
的快捷方式。
一个元素失去焦点将触发blur
事件。起初,这个事件仅适用于表单元素,如元素<input>
。在最新的浏览器中,这个事件适用范围已经扩大到包括所有元素类型。一个元素可以通过键盘命令失去焦点,比如tab键,或用鼠标点击网页上的其他地方。
举例来说,请看下面的HTML:
<form> <input id="target" type="text" value="Field 1" /> <input type="text" value="Field 2" /> </form> <div id="other"> Trigger the handler </div>
这个事件处理函数可以绑定到第一个 input field:
$('#target').blur(function() { alert('Handler for .blur() called.'); });
现在,如果第一个字段有焦点并且我们点击其他地方,或按tab键离开它,警报显示:
Handler for .blur() called.
我们可以点击另一个元素时触发事件:
$('#other').click(function() { $('#target').blur(); });
这些代码执行后,点击Trigger the handler也提醒消息。
blur
事件不会在Internet Explorer中泡沫。因此,用blur
事件委派,跨浏览器无法正常工作。
例子:
触发所有段落上的模糊事件:
$("p").blur();