事件的监听

最新推荐文章于 2024-07-16 20:08:38 发布

原创最新推荐文章于 2024-07-16 20:08:38 发布 · 288 阅读

0 ·

CC 4.0 BY-SA版权

本文详细解析了在网页开发中事件绑定的原理，包括普通事件绑定的限制与事件处理函数的覆盖规则。深入探讨了addEventListener方法的使用，事件的冒泡与捕获机制，以及在不同浏览器版本中事件处理的兼容性问题。

    作用:
        如果是普通的事件绑定,相同事件类型,只能绑定一个事件处理函数
        如果同一个类型,绑定多个事件处理函数,后绑定的事件会覆盖之前绑定的事件
    语法:
        标签对象.addEventListener(事件类型 , 事件处理函数)
        第三个参数: true / false(默认值)

    事件的获取方式
    冒泡 : 从子级开始,向父级执行
    捕获 : 从父级开始,向子级执行

    浏览器默认都是冒泡的执行方式
    可以通过 addEventListener 第三个参数来设定获取方式
    默认值 false 是 冒泡方式   true是捕获方式
    一般实际项目中,不定义第三个参数,就使用默认方式
    低版本IE,只支持冒泡,不支持捕获,不会报错,只会按照冒泡的顺序执行