事件委托:利用事件冒泡的原理,让自己的所触发的事件,让他的父元素代替执行!支持为同一个DOM元素注册多个同类型事件。
说到事件冒泡,那么就要说一下事件捕获了。
-
事件捕获 当一个事件触发后,从Window对象触发,不断经过下级节点,直到目标节点。在事件到达目标节点之前的过程就是捕获阶段。所有经过的节点,都会触发对应的事件
-
事件冒泡 当事件到达目标节点后,会沿着捕获阶段的路线原路返回。同样,所有经过的节点,都会触发对应的事件
当用户触发一个事件时,浏览器的所有详细信息都存在一个叫event的对象上。我们把他叫事件对象,所有事件在绑定方法的时候,天生自带一个参数就叫event。
document.onclick=function(e){
var e=e||window.event
}
正常情况下,如果不加限制,事件都是进行事件冒泡机制的.
如下,先打印div1,后打印body。
<body>
<div id="div1">11</div>
</body>
<script>
window.onload = function(){
let body = document.querySelector('body');
let div1 = document.getElementById('div1');
body.onclick