dom0 和 dom2事件 简略

dom级别 4级 dom0，dom1，dom2，dom3

dom事件  3级  dom0级事件  dom2级事件  dom3级事件

为什么 没有 dom1级事件？

因为 dom1级 中 没有定义 事件相关的 内容

 

dom0 ：

通过 onclick  绑定事件

<input οnclick=" xx "   />  或者 input.οnclick=function (){ }

onclick = 函数名 或者 函数

清理 绑定事件

input.onclick = null

同一个 元素（这个 input元素） 的同种事件（都是 click类型），只能绑定 一个函数

dom2 :

通过 addEventListener 绑定事件：

input.addEventListner("click" , a)

其实 "onclick" 和 "click" 是一样的吗？

事件类型，函数名

同一个 元素的 同种事件 可以绑定多个 函数，按 绑定顺序执行

清理 绑定事件

input.removeEventListener("事件类型"，函数名)

第三个 参数 true 表示捕获阶段 ，false 表示 冒泡阶段调用

IE8以下 支持的是 attachEvent 和 detachEvent

dom3 是在 dom2 基础上 加入更多 事件类型，比如 焦点事件（blur、focus）、键盘事件（keypress、keydown）、UI事件（用户 与 页面有交互时产生的事件，有 scroll、load）

https://www.jb51.net/article/99094.htm