捕获事件要比冒泡事件先触发

<div id="test" class="test"><div id="testInner" class="test-inner"></div> </div>

var btn = document.getElementById("test");

//捕获事件
btn.addEventListener("click", function(e){
alert("ok1");
}, true);

//冒泡事件
btn.addEventListener("click", function(e){
alert("ok");
}, false);

转载于:https://www.cnblogs.com/chencheng365/p/4200595.html

捕获事件要比冒泡事件先触发相关推荐

小程序的冒泡事件和非冒泡事件
事件分为冒泡事件和非冒泡事件: 冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递. 非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递. WXML的冒泡事件列表: 类型触发条件 ...
html 冒泡事件拦截,Js 冒泡事件阻止
一. 事件目标现在,事件处理程序中的变量event保存着事件对象.而 event.target 属性保存着产生事件的目标元素.这个属性是 DOM API 中规定的,但是没有被所有浏览器实现 .jQu ...
javascript的阻止默认事件和阻止冒泡事件
这两个方面的知识,在妙味课堂中有听过,再次复习一下: 原文来自:[http://www.cnblogs.com/Essence/p/4266618.html] 事件冒泡与默认行为在说事件冒泡之前,我 ...
js 冒泡事件与解决冒泡事件
事件冒泡 :当一个元素接收到事件的时候会把他接收到的事件传给自己的父级,一直到window . 代码: <div id="div1"> <div id=&quo ...
【微信小程序】冒泡事件与非冒泡事件、将文章数据从业务中分离、wxml的模块化
22-JavaScript 冒泡事件、事件捕获、默认事件、事件委托 DAY18（5.5）
一.冒泡排序 1.事件冒泡 bubbles:返回布尔值,指示事件是否是冒泡事件类型,默认true;cancelbubbles:返回布尔值,指示事件是否取消了冒泡事件默认false' 2.阻止冒泡事件 ...
事件注册方法、阻止默认事件、事件对象、事件冒泡:事件委托、事件捕获、重置表单
dom两种注册事件语法 1.点语法注册事件: 事件源.事件类型 = 事件处理函数特点:不能注册'同名事件', 否则会覆盖 2.addEventListener 事件源.addEventListene ...
WPF路由事件(冒泡事件和隧道事件)
隧道事件: 在视觉树从上往下,从window->实际源头,一般为被点击的控件. 有preview标注的的都是隧道事件冒泡事件: 在视觉树,丛下往上,点击的控件,一直到最上层(window) ...
jQuery阻止冒泡事件的几种方法
一.何为冒泡事件冒泡事件简单来说就是点击子节点,会向上触发父节点.祖先节点的点击事件. 二.阻止事件冒泡可以通过以下三种方法做到不同程度的阻止. 1.return false (In event ...

捕获事件要比冒泡事件先触发

捕获事件要比冒泡事件先触发相关推荐

最新文章

热门文章