一、阻止默认事件:
event.preventDefault();

let aEle = document.getElementsByTagName("a")[0];
aEle.addEventListener("click", e => {
    let event = e || window.event;
    //阻止默认事件
    event.preventDefault();
    if (event.target.localName == "a") {
        event.target.nextElementSibling.style.color = "red";
    }
})

二、阻止冒泡

event.stopPropagation();

p1Ele.addEventListener(`click`,e=> {
    let event=e||window.event
    console.log(`p`);
    p1Ele.style.backgroundColor=`yellow`;
    event.stopPropagation();
    
});	

三、阻止捕获

event.stopImmediatePropagation();

artEle.addEventListener(`click`,e=> {
    let event=e||window.event;
    console.log(`article`);
    artEle.style.backgroundColor=`orange`;
    event.stopImmediatePropagation();
},true);

posted on 2022-07-18 15:39  ygunoil  阅读(372)  评论(0编辑  收藏  举报