:只要input失去焦点就会触发 事件。不管input框里面的值是否改变,都会触发事件。 :只有当input框里面的值发生变化才会执行,这里加了值判断 。

请看下面实例:

<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<html  ns=\"http://www.w3.org/1999/xhtml\">
<head>  
<  http-equiv=\"Content-Type\" content=\"text/html; charset=GB2312\" />  
<  type=\"text/ \">
function init(){
    function testChange(){
        this.value=this.value.toUpperCase();
        document.getElementById(\" Div\").innerHTML=Number(document.getElementById(\" Div\").innerHTML)+1;
    }
    function testblur(){
        this.value=this.value.toUpperCase();
        document.getElementById(\" Div\").innerHTML=Number(document.getElementById(\" Div\").innerHTML)+1;
    }
    var input1=document.getElementById(\"input1\");
    var input2=document.getElementById(\"input2\");
    input1. =testChange;
    input2. =testblur;
}
window. =init;
</ > 
</head>  
<body>  
<p>触发  <span id=\" Div\">0</span>次</p>
<p>触发  <span id=\" Div\">0</span>次</p>
<input type=\"text\" id=\"input1\" value=\"test change\"/><br/>
<input type=\"text\" id=\"input2\" value=\"test blur\"/>
</body>  
</html>
收藏 打印