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

【JavaScript】事件委托

时间:2016-11-27 16:29:43      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:cti   list   lis   方法   target   false   对象   修改   添加   

事件委托

例如ul中有很多li,一般是给li上添加事件

若想提高性能,需要将事件委托给li的父元素ul

方法 ↓

解决方法就是采用事件委托,将在li 对象上面要处理的事件委托给父元素或者祖先元素,即为父元
素绑定事件监听。修改代码如下所示:
<script>
(function () {
  var a = document.getElementById(‘list‘);
  a.addEventListener(‘click‘, function (e) {
    var b = e.target;
    alert(b.innerHTML);
  }, false);
})();
</script>

【JavaScript】事件委托

标签:cti   list   lis   方法   target   false   对象   修改   添加   

原文地址:http://www.cnblogs.com/shenyanran/p/6106613.html

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