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

相关推荐
不正经学生8 小时前
C语言预处理详解:编译器真正动手之前的那些事
c语言·开发语言·算法·面试·bug
门思科技8 小时前
LoRaWAN 设备类别:Class A、B、C 对比与选型指南
c语言·开发语言·php
ℋᙚᵐⁱᒻᵉ鲸落11 小时前
移动端滑动手势冲突:overflow: auto导致外层横向滑动失效
前端·javascript·css·vue.js·html
恋恋西风11 小时前
C++ 理解 std::thread 在单核和多核上的行为差异
开发语言·c++
Brilliantwxx11 小时前
【Linux】 进程(9)程序与进程地址空间(基础+进阶+面试题)
linux·运维·服务器·开发语言·c++
BizzZ_12 小时前
C++(22)——类型转换和IO流
开发语言·c++
默_笙12 小时前
🎃 前端学了 Next.js,后端该学啥?NestJS 就是 Node 版的蜜雪冰城
前端·javascript
小范同学_12 小时前
JDK1.7 与 JDK1.8 HashMap 底层原理对比 + 数组并发扩容死循环详解
java·开发语言
geovindu12 小时前
CSharp: 万年历
开发语言·后端·c#·.net
我找到地球的支点啦13 小时前
Matlab系列(009) 一CRC循环冗余校验详解
开发语言·数据结构·算法·matlab·信息与通信