for语句批量注册事件处理函数代码实例

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > for语句批量注册事件处理函数代码实例

本章节介绍一下如何利用for语句实现批量注册事件处理函数。

如果遇到需要注册事件处理函数的元素较多的时候，批量注册将会省却很多代码。

代码实例如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>    
<html>    
<head>    
<meta charset=" utf-8">    
<meta name="author" content="https://www.51qianduan.com/" />    
<title>51前端</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="51前端一"/> 
<input type="text" name="text" value="51前端二"/> 
<input type="text" name="text" value="51前端三"/> 
</body> 
</html>

代码描述：for语句批量注册事件处理函数。for语句批量注册事件处理函数代码实例

下载全部收藏

138 183

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册