onblur响应函数

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>onblur响应函数</title>
</head>
<body onload="InteEvent()">
    <input type="text" /><br />
    <br />
    <input type="text" /><br />
    <br />
    <input type="text" /><br />
</body>
</html>

<script type="text/javascript" language="javascript">
    //遍历所有的input，添加onblur响应函数
    function InteEvent() {
        var inputs = document.getElementsByTagName("input");
        for (var i = 0, j = inputs.length; i < j; i++) {
            inputs[i].onblur = inputOnBlur; //设置inputOnBlur为input的onblur响应函数
        }
    }
    function inputOnBlur() {
        //inputOnBlur是onblur的响应函数，而不是被响应函数调用的函数，所以可以使用this来获取当前发生事件的对象
        if (this.value.length <= 0) {
            this.style.background = "red";
        } else {
            this.style.background = "white";
        }
    }
</script>

 

posted @ 2013-04-25 11:51  ipangjie  阅读(485)  评论(0)    收藏  举报