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

相关推荐
ttod_qzstudio12 小时前
深入理解 Vue 3 的 h 函数:构建动态 UI 的利器
前端·vue.js
这是程序猿12 小时前
基于java的ssm框架旅游在线平台
java·开发语言·spring boot·spring·旅游·旅游在线平台
芳草萋萋鹦鹉洲哦12 小时前
【elemen/js】阻塞UI线程导致的开关卡顿如何优化
开发语言·javascript·ui
爱学习的小邓同学12 小时前
C++ --- 多态
开发语言·c++
颜*鸣&空12 小时前
QT实现串口通信+VSPD+串口调试工具
开发语言·qt
_大龄12 小时前
前端解析excel
前端·excel
1***s63212 小时前
Vue图像处理开发
javascript·vue.js·ecmascript
槁***耿12 小时前
JavaScript在Node.js中的事件发射器
开发语言·javascript·node.js
一叶茶12 小时前
移动端平板打开的三种模式。
前端·javascript
前端大卫12 小时前
一文搞懂 Webpack 分包:async、initial 与 all 的区别【附源码】
前端