JavaScript事件委托

Posted 称代先生

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript事件委托相关的知识,希望对你有一定的参考价值。

事件委托

例如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事件委托的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript事件委托原理及Jquery中的事件委托

JavaScript事件代理和事件委托

JavaScript学习之事件委托

JavaScript中事件委托(事件代理)详解

JavaScript事件委托

Javascript中的事件委托(事件代理)