5.14 默认事件和事件委托

Posted xiaokeai233

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了5.14 默认事件和事件委托相关的知识,希望对你有一定的参考价值。

# 事件
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
        - 系统键

以上是关于5.14 默认事件和事件委托的主要内容,如果未能解决你的问题,请参考以下文章

事件侦听和删除事件——event对象——按钮精灵——默认事件——取消冒泡事件——事件委托——默认触发——onload 图片预加载四个迭代版本

阻止默认事件,事件委托和周期

前端面试必考:事件委托

浏览器默认事件,事件监听,事件委托

JS-阻止冒泡事件与事件委托

事件捕获事件冒泡事件委托