DOM事件

基本概念:DOM事件的级别

DOM标准定义的级别:

DOM0  element.οnclick=function(){}

DOM1定义的时候没有设置与事件相关的东西,所以提及事件时没有DOM1.但是DOM标准仍存在。

DOM2 element.addEventListener(‘click’,function(){},false)

DOM3 elemet.addEventListener('keyup',function(){},false)

DOM事件模型:冒泡:从上往下和捕获:从元素往上

DOM事件流:一个完整的事件流三个阶段。第一阶段捕获。第二阶段目标阶段。第三阶段就是丛目标元素上传,也就是冒泡事件。

描述DOM事件捕获的具体流程

window然后document然后html标签然后body最后到达目标元素 

 

Event对象的常见应用

第一个阻止默认事件

第二个阻止冒泡的行为

第三个事件响应优先级,要搞明白

第四个event.currentTarget可指定父级元素

自定义事件(模拟事件)

evnet的不足是只能指定事件名,不可以指定参数。

CustomEvent可以,可以跟一个object来指定参数。

 

 

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值