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

相关推荐
陈天伟教授几秒前
人工智能训练师认证教程(2)Python os入门教程
前端·数据库·python
陈文锦丫3 分钟前
MQ的学习
java·开发语言
liwulin050630 分钟前
【PYTHON-YOLOV8N】如何自定义数据集
开发语言·python·yolo
信看1 小时前
NMEA-GNSS-RTK 定位html小工具
前端·javascript·html
Tony Bai1 小时前
【API 设计之道】04 字段掩码模式:让前端决定后端返回什么
前端
青蛙大侠公主1 小时前
Thread及其相关类
java·开发语言
爱吃大芒果1 小时前
Flutter 主题与深色模式:全局样式统一与动态切换
开发语言·javascript·flutter·ecmascript·gitcode
云栖梦泽1 小时前
易语言数据库操作:结构化数据管理的核心
开发语言
苏打水com1 小时前
第十四篇:Day40-42 前端架构设计入门——从“功能实现”到“架构思维”(对标职场“大型项目架构”需求)
前端·架构