事件

前端： 通过代码的方式和页面中的某些内容做好一个约定

用户： 触发指定行为的时候，就会执行代码

事件绑定

1.  事件绑定的三要素
   1. 事件源： 和谁做好约定
   2. 事件类型： 约定一个上面行为
   3. 事件处理函数： 当用户出发该行为的时候， 执行什么代码

  语法：

    事件源.on事件类型 = 事件处理函数

事件传播

  浏览器响应事件的机制

    浏览器窗口最先知道事件的发生

1. 1. 捕获阶段： 从 window  按照结构子级的顺序传递到 目标
   2. 目标阶段： 准确出发事件的元素接受到行为
   3. 冒泡阶段： 冲目标按照结构父级的顺序传递到 window

     本次事件传播结束

阻止事件传播

  事件对象.stopPropagation()

事件委托

var ul = document.querySelector("ul")
ul.onclick = function(e){
    if(e.target.tagName === "LI"){
        // 只有点击 的是 li才会执行这里
        console.log("你点击的是 LI")
    }
}