一、阻止默认事件:
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   ygunoil  阅读(374)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 通过 API 将Deepseek响应流式内容输出到前端
历史上的今天:
2021-07-18 webpack中的require.context
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示