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

相关推荐
狐篱1 分钟前
vite 和 webpack 项目使用wasm-pack 生成的 npm 包
前端·webassembly
Acrelhuang4 分钟前
直击新能源电能质量痛点:安科瑞 APView500 在线监测装置应用方案
大数据·运维·开发语言·人工智能·物联网
閞杺哋笨小孩4 分钟前
内容平台-SEO 索引提交
前端·seo
苏打水com5 分钟前
HTML/CSS 核心考点详解(字节跳动 ToB 中台场景)
java·前端·javascript
jingling5555 分钟前
react | 从零开始:使用 Create React App 创建你的第一个 React 项目
前端·javascript·react.js
nnnnna9 分钟前
watch监听(一篇文章彻底搞懂watch监听)
前端·vue.js
无限进步_11 分钟前
C++从入门到类和对象完全指南
开发语言·c++·windows·git·后端·github·visual studio
hmywillstronger11 分钟前
【React 】ASD Structure Drawing Layer Coding System (2007)
javascript·react.js·ecmascript
lalala_lulu14 分钟前
Lambda表达式是什么
开发语言·python
科普瑞传感仪器14 分钟前
基于六维力传感器的机器人柔性装配,如何提升发动机零部件装配质量?
java·前端·人工智能·机器人·无人机