js 事件模型详解

Posted 2021-01-10 blackcoding

　　把js的事件模型，分为两类，DOM0级和DOM2级，

　　DOM0级 通常直接在DOM对象上绑定函数对象，指定事件类型，dom.onClick = function(){};类似于这种写法，移除事件，则直接令回调函数为null，复制给dom对象的事件属性即可。

　　DOM2级，则通常使用addEventListener和removeEventListener两个事件注册和事件移除函数来完成。

　　　　事件发生过程，大概可以包括为捕获阶段，目标阶段和冒泡阶段。三个步骤，第一阶段：从html元素到绑定的dom元素之前都是捕获，到达绑定的元素这个时间节点为第二阶段，目标阶段。之后再往上冒泡为冒泡阶段。该函数三个参数，第一个事件类型type,第二个回调函数，第三个是否捕获。true捕获阶段false冒泡阶段。强调下第三个参数的意义，当为捕获阶段时，事件类型将在捕获阶段发生，且不能阻止事件向下传递，但是冒泡阶段可以阻止事件进一步向上冒泡，通过stopPropagation().防止事件进一步向上传递。只是给自己积累些文档资源，如果看不懂的话，留下资源来源。可以去看看。

　　文档来源于https://www.cnblogs.com/jyybeam/p/5794932.html