代码描述:js 注册事件 处理函数。js如何批量注册事件处理函数
有时候一些元素事件都是类似的,甚至可以说是相同的,如果能够批量注册事件处理函数那就方便多了。 先看一段代码实例:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.51qianduan.com/" /> <title>批量注册事件处理函数-51前端</title> <style type="text/css"> #thediv{color:red} ul{ list-style:none; font-size:12px; line-height:30px; height:30px; cursor:pointer; } </style> <script type="text/javascript"> window.onload=function(){ var lis=document.getElementsByTagName("li"); var thediv=document.getElementById("thediv"); for(var i=0;i<lis.length;i++){ lis[i].index=i; lis[i].onclick = function (){ thediv.innerHTML="点击的li的索引值是:"+this.index; } } } </script> </head> <body> <div id="thediv"></div> <ul> <li>51前端一</li> <li>51前端二</li> <li>51前端三</li> <li>51前端四</li> <li>51前端五</li> </ul> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能