事件委托

事件委托

就是把子元素的事件都绑定到父元素上

  <ul class="max">
    <li data-ind="1">11</li>
    <li data-ind="2">22</li>
    <li data-ind="3">3</li>
    <li data-ind="4">4</li>
  </ul>

var max = document.querySelector(’.max’)
max.onclick = function (e) {
console.log(e.target.dataset.ind); //点击谁可打印对应下标
}

优点：提高性能，减少了事件绑定，从而减少内存占用