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

相关推荐
lvchaoq5 小时前
this指向面试代码输出题目合集
javascript·面试·职场和发展
trigger3335 小时前
desk-health-web-community-post
前端
倒流时光三十年5 小时前
Logback 系列(7):常用 Appender(控制台 / 文件 / 滚动文件)
java·前端·logback
sycmancia6 小时前
Qt——另一种创建线程的方式
开发语言·qt
Csvn6 小时前
页面「穿越」之谜:React 中因 key 值不正确导致的渲染 Bug 排查实战
前端
浅水壁虎6 小时前
前端技术_TypeScript(第一章)
前端
你怎么知道我是队长6 小时前
JavaScript 函数 this 全解
开发语言·javascript·ecmascript
L-影6 小时前
单体项目结构
java·开发语言
laboratory agent开发7 小时前
企业AI Agent落地前,先回答四个工程问题
java·前端·人工智能
微三云 - 廖会灵 (私域系统开发)7 小时前
电商系统国际化架构设计:多语言、多币种、多时区、多税制的全链路实现
java·前端·数据库