DOM事件类
- 基本概念:DOM事件的级别
- DOM事件模型
- DOM事件流
- 描述DOM事件捕获的具体流程
- Event对象的常见应用
- 自定义事件
1、DOM事件的级别
- DOM0 element.onclick=function(){}
- DOM2 element.addEventListener('click',function(){},false)(冒泡和捕获 true 时在捕获阶段)
- DOM3 element.addEventListener('keyup',function(){},false)鼠标键盘事件
2、事件模型
3、事件流
- 捕获 <--> 冒泡
- 事件通过捕获到达目的阶段,从目标元素上传到window对象也就是冒泡
4、描述DOM事件捕获的具体流程
- window-->document-->html-->body-->...-->目标元素
- 获取html是document.documentElement
5、Event对象的常见应用
- event.preventDefault() 阻止默认事件(a跳转)
- event.stopPropagation() 阻止冒泡行为
- event.stopImmediatePropagation() 事件响应优先级
- event.currentTarget() 当前绑定的事件
- event.target() 目标元素
6、自定义事件
var eve = new Event('custome');
ev.addEventListener('custome',function(){
console.log('custome')
})
ev.dispathEvent(eve);
customEvent
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】博客园携手 AI 驱动开发工具商 Chat2DB 推出联合终身会员
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 为什么 .NET8线程池 容易引发线程饥饿
· golang自带的死锁检测并非银弹
· 如何做好软件架构师
· 记录一次线上服务OOM排查
· Linux实时系统Xenomai宕机问题的深度定位过程
· 2025年广告第一单,试试这款永久免费的开源BI工具
· o3 发布了,摔碎了码农的饭碗
· SQL优化的这15招,真香!
· [.NET] API网关选择:YARP还是Ocelot?
· 将 EasySQLite 从 .NET 8 升级到 .NET 9