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

相关推荐
扶苏10028 分钟前
深入理解 Vue 3 的 watchEffect
前端·javascript·vue.js
Riemann~~8 分钟前
C语言嵌入式风格
c语言·开发语言
zmzb01032 小时前
C++课后习题训练记录Day104
开发语言·c++
未来龙皇小蓝2 小时前
RBAC前端架构-05:引入Element-UI及相关逻辑
前端·ui
zmzb01033 小时前
C++课后习题训练记录Day105
开发语言·c++·算法
wjs20243 小时前
Vue3 条件语句
开发语言
_codemonster3 小时前
JavaWeb开发系列(六)JSP基础
java·开发语言
yanlele3 小时前
AI Coding 时代下, 关于你会写代码这件事儿, 还重要吗?
前端·javascript·ai编程
Web打印3 小时前
Phpask(php集成环境)之16 怎样彻底停用一个网站
开发语言·php
打瞌睡的朱尤3 小时前
Vue day9 购物车,项目,vant组件库,vw,路由
前端·javascript·vue.js