5.14 默认事件和事件委托

Posted 2020-12-22 xiaokeai233

# 事件
1. 默认事件
    -系统默认有， 如果不要，阻止
        - 通过事件对象阻止
            - e.returnValue = false
            - e.preventDefault()

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

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

# 补充
1. 事件对象身上属性
    - e.button
检测哪个鼠标键被点击了。
event.button=0|1|2
        - 配合鼠标的按下事件测试：左，中，右
    - e.metaKey
        - 系统键