一、阻止默认事件:
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);
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 通过 API 将Deepseek响应流式内容输出到前端
2021-07-18 webpack中的require.context