【JavaScript】事件分级 DOM0、DOM2

DOM事件绑定:

DOM0级事件

特点:所有的浏览器都支持;事件只能注册一次,后面的会覆盖旧的;

注册方式:

(1)在html上添加<div οnclick="alert('hello')">,其中this指向自身。

(2) 匿名函数d.οnclick=function(){},其中 this 指向自身

(3)普通函数 οnclick="ok()",相当于动态调用,没有时间参数e的传递。

DOM2级事件

注册方式:

添加:addEventListener(event,function,userCapture)

dom0级事件和dom2级事件的区别:

如果分别定义了两个dom0级事件和2个dom2级事件:

  • dom0级事件会覆盖;

  • dom2不会覆盖,会依次执行;

  • dom0和dom2可以共存,不互相覆盖,但是dom0之间依然会覆盖。

相关推荐
QN1幻化引擎4 分钟前
Gravity-Anchored Cognitive Field Architecture: The DalinX V8/V10 Implementation
java·前端·算法
光影少年9 分钟前
react的View/Text/Image/ScrollView 常用组件注意事项
开发语言·前端·javascript·react.js·前端框架
yangmu320316 分钟前
前端性能优化实战:我是如何将首屏加载时间缩短 40% 的?
前端·性能优化
IT_陈寒23 分钟前
JavaScript的隐式类型转换又双叒坑了我一次!
前端·人工智能·后端
JarvanMo26 分钟前
HTTP的DELET方法能不能有Body?
前端
天蓝色的鱼鱼32 分钟前
扔掉 ESLint + Prettier:Biome 全家桶实战
前端
533_1 小时前
[element-plus] el-tabs和el-menu联动
前端·javascript·vue.js
小呀小叮当~1 小时前
Telegram 有哪些实用功能?一文了解
前端·人工智能·后端·其它
库克克1 小时前
【C++】类和对象--类对象模型与大小计算
开发语言·jvm·c++
索西引擎1 小时前
【React】React Fiber 架构:设计动机、核心机制与调度策略分析
前端·react.js·架构