.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();
jQuery 1.6 API 中文版Clove整理、修订