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

相关推荐
夜空孤狼啸几秒前
npm、yarn、pnpm清理缓存
前端·缓存·npm
HIT_Weston2 分钟前
56、【Ubuntu】【Gitlab】拉出内网 Web 服务:http.server 单/多线程分析(八)
前端·ubuntu·gitlab
大模型真好玩2 分钟前
轻松搞定年度报告可视化,五分钟用 AntV + Trae Solo 快速构建智能图表生成器!
前端·人工智能·trae
程序猿编码3 分钟前
用 C++ 玩转字符级 Transformer 语言模型:从原理到实现
开发语言·c++·深度学习·语言模型·transformer
古城小栈3 分钟前
Go语言 赋能 区块链 开发
开发语言·golang·区块链
coderxiaohan5 分钟前
【C++】AVL树实现
开发语言·c++
专注VB编程开发20年6 分钟前
Activex dll创建调用-Python,Node.js, JAVA主流编程语言操作COM对象
java·开发语言·python·node.js·activex dll
艾小码7 分钟前
Vue Router 进阶指南:打造丝滑的滚动控制与惊艳的路由动画
前端·javascript·vue.js
权泽谦8 分钟前
用大语言模型实现一个离线翻译小程序(无网络也能用)
开发语言·人工智能·语言模型·小程序·php
小生凡一12 分钟前
图解|Go的GMP在计算密集型和IO密集型的区别
开发语言·golang