如何实现点击指定元素时禁用全局弹窗并保留原有页面跳转

直接修改点击事件处理逻辑，添加排除判断即可：

<body>
<div id="ID1">
<button class="class1"> <a href="LINK2">LINK2</a> </button>
</div>
...... page content
<script>(function(){
  const urlToOpen = "my_site/LINK1";
  document.addEventListener('click', function(event) {
    // 检测点击目标是否属于排除范围内的元素（或其子元素）
    const shouldSkipPopup = event.target.closest('#ID1') || event.target.closest('.class1');
    if (shouldSkipPopup) return;
    
    event.preventDefault();
    window.open(urlToOpen, '_blank');
  });
})();</script>
</body>

关键说明 #

• closest()方法会从点击的目标元素开始向上查找，匹配指定选择器的最近祖先元素（包括自身），这样就算用户点击的是按钮里的<a>标签，也能被正确识别为排除项。
• 一旦检测到点击的是排除区域，直接return终止后续逻辑，不会阻止默认行为，<a>标签的跳转就能正常执行。
• 页面其他区域的点击依然会触发弹窗逻辑。

另外提一句：当前<button>包裹<a>标签的写法不符合HTML规范，建议改成直接给<a>标签添加class1类，或者让按钮通过JS触发跳转，比如：

<a href="LINK2" class="class1">LINK2</a>

内容的提问来源于stack exchange，提问作者Lucas