码迷,mamicode.com
首页 > 编程语言 > 详细

javascript:使用代理绑定事件

时间:2015-09-29 09:53:44      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:

	<ul id="box">
		<li>1</li>
		<li>2</li>
		<li>3</li>
		<li>4</li>
	</ul>

 

普通情况下:通过循环绑定所有

    var li=document.getElementsByTagName("li");
    for(var i=0;i<li.length;i++){
        li[i].addEventListener("click",function(e){
            console.log(e.target.innerHTML);
        })
    }

使用代理:通过父层绑定,那就不用给每个子元素绑定了

var box=document.getElementById("box");
    box.addEventListener("click",function(e){
        console.log(e.target.innerHTML);
    });

 

 

注意:addEventListener 在IE不支持,需要使用attachEvent,事件名称,含“on”

javascript:使用代理绑定事件

标签:

原文地址:http://www.cnblogs.com/tinyphp/p/4845453.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!