【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 小时前
React 用 useEffect 做轮询实战:setInterval 拿到旧 state 的闭包陷阱与正确清理
前端·javascript·react.js·react·useeffect
hiahiahia1235 小时前
AI Web 项目的文件到底应该怎么放?
前端·人工智能
愚公搬代码5 小时前
【愚公系列】《Web应用安全》003-测试环境的搭建
前端·安全
_codemonster5 小时前
主流前端技术分层选型
前端
淼澄研学5 小时前
Kimi API黑产倒卖技术解析与Python合规接入指南
开发语言·网络·python
冻柠檬飞冰走茶5 小时前
PTA基础编程题目集 7-35有理数均值(C++语言实现)
开发语言·数据结构·c++·算法·均值算法
wangchen_05 小时前
C++正则表达式
开发语言·c++·正则表达式
何以解忧,唯有..5 小时前
Python 元组(tuple)详解:使用、遍历与排序
开发语言·python
KANGBboy5 小时前
Python eval安全隐患
开发语言·python
IT爱学堂5 小时前
java版数据结构和算法+AI算法和技能学习指南
java·开发语言