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

相关推荐
赵锦川9 分钟前
css相关:input输入框中加入搜索图标
java·前端·javascript
wangxiaojie668812 分钟前
matlab 判断多组数据的分布是否一致,可以使用什么方法?
开发语言·matlab
ac-er888813 分钟前
PHP函数 func_num_args() 的作用
java·开发语言·php
技术无疆3 小时前
【Python】Arrow使用指南:轻松管理日期与时间
开发语言·人工智能·python·深度学习·机器学习·数据挖掘·python3.11
yunduor9093 小时前
从零开始搭建UVM平台(九)-加入reference model
前端
Midsummer啦啦啦3 小时前
Python字符串转JSON格式指南
开发语言·python·json
莘薪3 小时前
HTML的修饰(CSS) -- 第三课
前端·css·html·框架
FUXI_Willard3 小时前
MATLAB绘图基础9:多变量图形绘制
开发语言·matlab·信息可视化·数据可视化·matlab绘图
通信仿真实验室3 小时前
(13)MATLAB莱斯(Rician)衰落信道仿真3
开发语言·人工智能·算法·matlab
编程版小新4 小时前
C++初阶:STL详解(七)——list的模拟实现
开发语言·c++·学习·迭代器·list·list的模拟实现