变动事件

DOM Level 2 事件学习总结

瘦欲@ 提交于 2020-04-18 01:51:02
术语 UI events : 用户接口事件,这些事件是由外设(比如鼠标,键盘)触发的。 UI Logical events : 设备无关的用户接口事件,比如focus事件。 Mutation events : 变动事件。这些事件在文档结构发生改变的时候触发。 Capturing : 捕捉,即是事件在目标DOM节点处理之前,由事件目标前驱的事件处理程序处理。 Bubbling : 捕捉,即是事件在目标DOM节点处理之后,由事件目标前驱的事件处理程序处理。 Cancelable : 指示是否阻止DOM实现指定的默认事件处理程序处理。 事件流 基础 每一个Event事件对象都有一个EventTarget属性,这个属性是一个DOM节点的引用。当事件到达目标DOM节点,在这个DOM节点注册的任何事件处理程序都会被触发。事件处理程序的触发顺序是不确定的。 事件流在事件的所有处理程序都执行完成之后才算结束。当然,如果启用了capture(事件捕捉)或者bubbling(事件冒泡)的话,事件流还是可以被修改的。 在事件流的执行过程中,任何事件处理程序抛出异常,整个事件流都将停止。 Event capture(事件捕捉) 事件捕捉的处理流程是从文档树根节点,一直向下处理,直到目标节点才停止。 这里要注意的是,调用Event接口的stopProgagation方法会组织事件流的后续处理。 Event