当前位置：文江博客知识库简体中文文档 Web API GlobalEventHandlers onblur

GlobalEventHandlers.onblur - Web API 接口参考编辑

概述

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>