js事件详解

2026-05-02 12:25:24 420

1.addEventListener第三个参数作用

DOM方法 addEventListener() 和 removeEventListener()是用来分配和删除事件的函数。 

这两个方法都需要三个参数,分别为:

事件名称(String)、要触发的事件处理函数(Function)、指定事件处理函数的时期或阶段(boolean)。

DOM事件流如图

0_1293708442iQ1z.gif

由图可知捕获过程要先于冒泡过程

当第三个参数设置为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