【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之间依然会覆盖。

相关推荐
迷途小羔羊5 分钟前
环境搭建
前端·javascript·后端
XiYang-DING8 分钟前
P5528.带过期时间的 LRU 缓存
java·开发语言·缓存
夕阳_醉了11 分钟前
让 AI 回答“打字般”浮现:用 Vue 3 + DeepSeek 实现流式聊天
前端·vue.js·人工智能
小徐不徐说12 分钟前
C++ 机器视觉入门:从零搭建 AOI 开发环境(OpenCV + CMake)
开发语言·c++·opencv
SabrinaW71122 分钟前
基于 C++17 与 RTTR 的注册式对象工厂:配置驱动的动态对象创建
java·前端·数据库
Amos_Web35 分钟前
Rspack 源码解析(二十九):CopyRspackPlugin 如何用 glob 把静态文件复制进产物
前端
zhangx1234_36 分钟前
javaEE 多线程4
java·开发语言
铁皮饭盒37 分钟前
刷到 FDE 岗位那一刻,我还以为前端又活了
前端·后端
大陈子编程42 分钟前
C++ 背包九讲:从入门到精通的动态规划专题
开发语言·c++·动态规划
qq_401700411 小时前
Qt 组播(Multicast)实战详解
开发语言·qt