学习前端的第四十二天

事件-下

1. 默认事件

   • 没有主动写，但是系统默认有
   • 可选，可不选
   • 如果不要，阻止
     • 通过事件对象身上的
       • e.returnValue = false
       • e.preventDefault()

2. 事件委托

   • 将多个子元素的相同事件利用事件冒泡委托给共同的页面现存的父元素，通过事件目标找到真正触发事件的子元素，完成事件处理的过程，叫事件委托
   • 事件委托的好处：
     1. 节省内存
     2. 给页面上暂时不存在的元素绑定事件（给动态的html绑定事件）

3. 事件源和事件目标

   • 事件源：绑定事件的元素
     • 必然可以通过this拿到
   • 事件目标：触发事件的元素
     • 必然可以通过事件对象拿到
       • var target = e.target || e.srcElement

补充

1. 事件对象身上属性
   • e.button
     • 配合鼠标的按下事件测试：左，中，右
   • e.metaKey
     • 系统键