关于JS中点击事件嵌套出现的问题

最新推荐文章于 2022-06-20 15:18:16 发布

猫田

最新推荐文章于 2022-06-20 15:18:16 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：笔记盲点文章标签： js

本文链接：https://blog.youkuaiyun.com/qq_45236301/article/details/105518225

笔记同时被 2 个专栏收录

1 篇文章

订阅专栏

盲点

1 篇文章

订阅专栏

在毕设过程中遇到一个问题，当设置点击事件嵌套时，点击外部按钮会意外触发内部元素的点击事件。例如，点击a标签后弹出窗口，但窗口显示后立即执行了删除按钮的点击事件。如何避免这种内部点击事件在预期之外执行，成为了一个需要解决的问题。寻求JavaScript高手的帮助。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天做毕设遇到点击事件嵌套时，点击按钮的同时，内部的点击事件也被执行。
上菜

<div class="deleteblog">
	<a href="javascript:Show3(${arr[i].id});"><img src="GPimg/delete.svg" alt="" height="30px" width="30px"></a>
</div>

function Show3(id) {
    document.getElementById("box3").classList.remove("hide4");
    document.getElementById("shadow").classList.remove("hide3");
    var oDelete=document.getElementById("delete_btn");
    var oThinking=document.getElementById("thinking_btn");
    oDelete.onclick=deletethis(id);
}