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

相关推荐
郝学胜-神的一滴几秒前
封装OpenGL的Shader相关类:从理论到实践
开发语言·c++·程序人生·游戏·图形渲染
果壳~1 分钟前
【前端】【canvas】图片颜色填充工具实现详解
前端
Bigger2 分钟前
Tauri (23)——为什么每台电脑位置显示效果不一致?
前端·rust·app
¥懒大王¥3 分钟前
XSS-Game靶场教程
前端·安全·web安全·xss
想做后端的小C5 分钟前
Java:访问权限
java·开发语言
啃火龙果的兔子6 分钟前
java语言基础
java·开发语言·python
ssshooter8 分钟前
为什么移动端 safari 用 translate 移动元素卡卡的
前端·css·性能优化
不会飞的鲨鱼8 分钟前
抖音验证码滑动轨迹原理(很难审核通过)
javascript·python
我命由我123458 分钟前
Python 开发问题:No Python interpreter configured for the project
开发语言·后端·python·学习·pycharm·学习方法·python3.11
掘根12 分钟前
【消息队列项目】消费者管理模块实现
java·开发语言