2018-01-18 前端-事件的捕获和冒泡

作者: 白小菜的路 | 来源:发表于2018-01-18 10:25 被阅读0次

2018-01-18 前端-事件的捕获和冒泡
addEventListener那些事儿
事件冒泡和事件捕获
day29-web前端之jQuery及Ajax
DOM-BOM-EVENT（7）
JavaScript 事件捕获和冒泡
DOM的事件模型和DOM事件流
JS事件冒泡与捕获（addEventListener）
JavaScript 事件冒泡、事件捕获和事件委托
js 阻止冒泡阻止默认事件

除了IE 先捕获 -> 当前节点事件 -> 后冒泡

<div id="parent" onclick="alert(99)">测试不阻止事件冒泡
     <button id="child" onclick="alert(4)">我是内部div</button>
</div>
//js
document.body.addEventListener("click",function(event){
    alert("event bubble");
},false);
document.body.addEventListener("click",function(event){
    alert("event catch");
 },true);

点击parent ： event catch -> 99 ->event bubble
点击child: event catch -> 4 -> 99 ->event bubble

2018-01-18 前端-事件的捕获和冒泡
除了IE 先捕获 -> 当前节点事件 -> 后冒泡点击parent ： event catch -> 99 ->...
addEventListener那些事儿
addEventListener对于前端工作人员来说，并不陌生。事件冒泡和事件捕获对于前端工作人员也并不陌生。 ...
事件冒泡和事件捕获
事件冒泡和事件捕获
day29-web前端之jQuery及Ajax
1事件冒泡和捕获 1.1.事件冒泡：在子标签中产生的事件会传递给父标签 1.2事件捕获捕获事件-阻止事件从子标签...
DOM-BOM-EVENT（7）
7.事件深入 #7.1.事件捕获事件流分为事件冒泡和事件捕获两种，事件冒泡指事件从里往外传播，而事件捕获刚好相反...
JavaScript 事件捕获和冒泡
JavaScript 事件捕获和冒泡规范在最新的 DOM 规范中，事件的捕获与冒泡是通过 addEventLi...
DOM的事件模型和DOM事件流
DOM的事件模型 DOM事件模型包括捕获和冒泡（ie用的是事件冒泡），捕获是从上往下到达目标元素，冒泡是从当前元素...
JS事件冒泡与捕获（addEventListener）
1、事件传播——冒泡与捕获默认情况下，事件使用冒泡事件流，不使用捕获事件流。然而，在Firefox和Safari...
JavaScript 事件冒泡、事件捕获和事件委托
JavaScript 事件冒泡、事件捕获和事件委托以下在chrome、firefox执行通过。事件流、事件冒泡...
js 阻止冒泡阻止默认事件
js冒泡和捕获是事件的两种行为，使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前事件...