js事件详解
2026-05-02 12:25:24
420
1.addEventListener第三个参数作用
DOM方法 addEventListener() 和 removeEventListener()是用来分配和删除事件的函数。
这两个方法都需要三个参数,分别为:
事件名称(String)、要触发的事件处理函数(Function)、指定事件处理函数的时期或阶段(boolean)。
DOM事件流如图

由图可知捕获过程要先于冒泡过程
当第三个参数设置为true就在捕获过程中执行,反之就在冒泡过程中执行处理函数。
参考:https://blog.csdn.net/kongjiea/article/details/40297651
2.js事件冒泡、阻止事件冒泡以及阻止默认行为
例1:
// 此jquery既阻止默认行为又停止冒泡
// $("#div1").on('click',function(){
// return false;
// });
window.onload = function () {
var oDiv1 = document.getElementById('div1');
oDiv1.onclick = function (ev) {
var oEvent = ev || event;
// js阻止事件冒泡
// oEvent.cancelBubble = true;
// oEvent.stopPropagation();
// js阻止链接默认行为,没有停止冒泡
// oEvent.preventDefault();
// return false;
}
}参考:https://www.cnblogs.com/jsanntq/p/7681942.html