DOM事件类

基本概念:DOM事件级别

//级别:DOM0 
//IE浏览器onclick事件失效的处理方式:element.body.onclick
element.onclick=function(){
	console.log("onclick")
}
//级别:DOM2
element.addEventListener('click',function(){},false)
//级别:DOM2
element.addEventListener('keyup',function(){},false)

DOM事件模型(捕获、冒泡)

在这里插入图片描述
在这里插入图片描述

DOM事件流

描述DOM事件的捕获具体流程(冒泡方向相反)

windows–>document–>html(document.documentElement)–>body–>…–>目标元素

Event常见应用

event.preventDefault()//阻止默认事件
event.stopPropagation()//阻止冒泡事件
event.stoplmmediatePropagation()//在a响应事件中添加可阻止b事件响应
event.currentTarget()//当前绑定的,多个dom绑定同一个事件
event.target()

自定义事件

var eve = new Event('custome')
ev.addEventListener('custome',function(){})
ev.dispatchEvent(eve)

除了Event还有CustomEvent

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值