--- title: GlobalEventHandlers.onblur slug: Web/API/GlobalEventHandlers/onblur tags: - Gecko DOM Reference translation_of: Web/API/GlobalEventHandlers/onblur ---

概述

onblur属性用来获取或设置当前元素的onBlur事件的事件处理函数

语法

element.onblur = function;

function 是一个函数名, 没有括号()和任何参数,也可以是一个匿名函数,如下:

element.onblur = function() { alert("检测到onblur事件!"); };

例子

<html>

<head>
<title>onblur event example</title>

<script type="text/javascript">

var elem = null;

function initElement()
 {
 elem = document.getElementById("foo");
 // 注意:doEvent() 和 doEvent(param)都是不正确的.这里只能是函数名,不能是函数调用.
 elem.onblur = doEvent;
 };

function doEvent()
 {
 elem.value = 'Bye-Bye';
 alert("检测到onblur事件!")
 }
</script>

<style type="text/css">
<!--
#foo {
border: solid blue 2px;
}
-->
</style>
</head>

<body onload="initElement()";>
<form>
<input type="text" id="foo" value="Hello!" />
</form>

<p>点击input元素使其获得焦点,然后点击其他页面其他部位</p>

</body>
</html>

备注

当一个元素失去焦点时会触发blur事件.

在IE中,几乎所有类型的元素都可以触发blur事件,但在基于gecko的浏览器中,大部分元素都不能触发blur事件.

规范

DOM Level 0不属于任何规范.

{{ languages( {"fr": "fr/DOM/element.onblur","en": "en/DOM/element.onblur" } ) }}