JavaScript事件对象和事件委托

事件对象

特点

1.在侦听函数的(event自己命名的)，做形参
2.不需要传递参数
3.对象是事件的一系列相关的数据集

常用的数据类型

e.target //返回触发事件的对象
e.type //检测返回事件的类型（事件不带on）
e.preventDefault //阻止默认行为（链接的跳转，不提交数据）
e.stopPropagation //阻止事件冒泡（哪一层阻止就停止传播）

事件委托

原理

不用给每个子节点单独设置事件监听器，通过只给其父元素设置监听器，利用事件冒泡原理达到给每个子节点设置监听器，其中的要获得点击对象需要通过e.target,这样可以提高运行效率。

＜ul>
      ＜li>第一个＜/li>
      ＜li>第二个＜/li>
      ＜li>第三个＜/li>
＜/ul>
＜script>
      var ul = document.querySelector('ul');
      ul.addEventListener('click', function(){
         alert('我弹出了');
})
＜/script>

现在点击任何一个li都能够触发此事件，弹出’我弹出来了’。