使用for語句批量註冊事件處理函式程式碼例項

admin發表於2017-03-23
事件函式

本章節介紹一下如何利用for語句實現批量註冊事件處理函式。

如果遇到需要註冊事件處理函式的元素較多的時候，批量註冊將會省卻很多程式碼。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>    
<html>    
<head>    
<meta charset=" utf-8">    
<meta name="author" content="http://www.softwhy.com/" />    
<title>螞蟻部落</title>   
<script type="text/javascript"> 
window.onload=initAll; 
function initAll(){ 
  var clearText = document.getElementsByTagName("input"); 
  for(var i=0;i<clearText.length;i++){ 
    clearText[i].onfocus=function(){ 
      if(this.value==this.defaultValue){
        this.value="";
      }
    } 
    clearText[i].onblur = function () {
      if(this.value==""){
        this.value=this.defaultValue;
      }
    }
  } 
} 
</script> 
</head> 
<body> 
<input type="text" name="text" value="螞蟻部落一"/> 
<input type="text" name="text" value="螞蟻部落二"/> 
<input type="text" name="text" value="螞蟻部落三"/> 
</body> 
</html>


相關文章