事件监听与传统事件的区别

被老师问到了关于两者的区别,但是脑子中却很模糊,于是整理了以下文档:

1.传统注册事件:后面的事件会覆盖前面的事件
事件监听注册事件:addEventListener可以对同一个元素绑定多个事件(里面的事件类型是字符串 ,必定加引号 ,而且不带on),执行顺序从上到下依次执行

2.传统解绑方式使用的是指针指向null,举例:element.οnclick=null
事件监听采用removeEventListener来删除事件,注意事项:如果addEventListener添加的是一个匿名函数,则removeEventListener不能移除匿名函数,故可以给函数命名或使用外部函数

3.传统事件一般只能得到冒泡阶段;而事件监听有冒泡阶段,也可以有捕获阶段(有些事件是没有冒泡的,比如onblur onfocus onmouseenter onmouseleave)

4.onclick为DOM0级事件绑定,addEventListener为DOM2级事件绑定。DOM0级事件兼容任何浏览器,DOM2级事件不兼容IE9以下版本,IE678只能使用attachEvent,没有addEventListener

5.addEventListener对任何 DOM 元素都是有效的,而不仅仅只对 HTML 元素有效。

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鳕鱼&羚羊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值