dom0、dom2、dom3事件

https://www.jianshu.com/p/3acdf5f71d5b

addEventListener():可以为元素添加多个事件处理程序，触发时会按照添加顺序依次调用。

removeEventListener():不能移除匿名添加的函数。

 

DOM0级事件

1. dom0 事件就是直接通过 onclick 绑定到 html上的事件

    <input onclick="xx"/>

     或者

     input.onclick = function(){  ...  }

DOM2级事件

1. dom2 事件是通过 addEventListener 绑定的事件

addEventListener():可以为元素添加多个事件处理程序，触发时会按照添加顺序依次调用。

removeEventListener():不能移除匿名添加的函数。

DOM3级事件

       DOM3级事件在DOM2级事件的基础上添加了更多的事件类型，全部类型如下：

       UI事件，当用户与页面上的元素交互时触发，如：load、scroll

       焦点事件，当元素获得或失去焦点时触发，如：blur、focus

       鼠标事件，当用户通过鼠标在页面执行操作时触发如：dbclick、mouseup

       滚轮事件，当使用鼠标滚轮或类似设备时触发，如：mousewheel

       文本事件，当在文档中输入文本时触发，如：textInput

        键盘事件，当用户通过键盘在页面上执行操作时触发，如：keydown、keypress

        合成事件，当为IME（输入法编辑器）输入字符时触发，如：compositionstart

        变动事件，当底层DOM结构发生变化时触发，如：DOMsubtreeModified

         同时DOM3级事件也允许使用者自定义一些事件。