码迷,mamicode.com
首页 > 其他好文 > 详细

利用事件代理提高效率

时间:2015-09-16 12:17:31      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:

例如有大于1000个li 在上面做点击事件,如果挨个遍历的话效率会很差 可以利用事件代理,在ul上绑定事件 提高效率

<ul id="uid">
        <li id="li1">1</li>
        <li id="li2">2</li>
        <li id="li3">3</li>
        <li id="li4">4</li>
        <li id="li5">5</li>
        <li id="li6">6</li>
        <li id="li7">7</li>
        <li id="li8">8</li>
        <li id="li9">9</li>
        <li id="li10">10</li>

    ...
    </ul>

js代码大概张这样

var uid = document.getElementById("uid");
uid.onclick = function(e){
	e = e || window.event;
	var target = e.target || e.srcElement;
	if(target.tagName.toLowerCase() === ‘li‘){
		alert(target.innerHTML);
	}
}

 

利用事件代理提高效率

标签:

原文地址:http://www.cnblogs.com/junwu/p/4812609.html

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