DOM事件类

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
posted @   不完美的完美  阅读(206)  评论(0编辑  收藏  举报
编辑推荐:
· 为什么 .NET8线程池 容易引发线程饥饿
· golang自带的死锁检测并非银弹
· 如何做好软件架构师
· 记录一次线上服务OOM排查
· Linux实时系统Xenomai宕机问题的深度定位过程
阅读排行:
· 2025年广告第一单,试试这款永久免费的开源BI工具
· o3 发布了,摔碎了码农的饭碗
· SQL优化的这15招,真香!
· [.NET] API网关选择:YARP还是Ocelot?
· 将 EasySQLite 从 .NET 8 升级到 .NET 9
点击右上角即可分享
微信分享提示