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

相关推荐
!停15 小时前
深入理解指针(4)
开发语言·javascript·ecmascript
小白狮ww15 小时前
Matlab 教程:基于 RFUAV 系统使用 Matlab 处理无人机信号
开发语言·人工智能·深度学习·机器学习·matlab·无人机·rfuav
A242073493015 小时前
JavaScript学习
前端·javascript·学习
奋斗吧程序媛15 小时前
动态组件驱动的标签页架构(简单来说:一个页面包含许多Tabs页面,这些Tabs页面渲染逻辑)
前端·javascript·vue.js
Felix_Fly15 小时前
用 Vue3 + naive-cron 开发 Cron 表达式工具:从 0 到 1 实现生成 + 反解析
前端·javascript·vue.js·vue·cron·naive
开发者小天15 小时前
react中useReducer的使用
前端·javascript·react.js
阿蒙Amon15 小时前
JavaScript学习笔记:1.JavaScript简介
javascript·笔记·学习
penngo15 小时前
Golang使用Fyne开发桌面应用
开发语言·后端·golang
小虎牙00715 小时前
关于Android Compose架构的思考
android·前端·mvvm
while(1){yan}15 小时前
JAVA中如何操作文件
java·开发语言·面试