通过 css 设置 `pointer-events: none` 可以全局禁用所有 `` 标签的点击响应，从而阻止跳转，适用于覆盖层（overlay）交互场景，无需 javascript 监听或移除事件。
在实现网页元素选择式删除功能时，常需启用一个透明覆盖层（overlay），让用户自由点击目标元素。为确保用户操作不被意外中断，必须临时禁用页面中所有链接（<a> 标签）的默认跳转行为——否则点击链接将导致页面跳转，破坏当前编辑流程。
最简洁、高效且可靠的解决方案是纯 CSS 方式：
/* 在 overlay 激活期间生效 */
.overlay-active a {
pointer-events: none;
}配合 JavaScript 动态控制类名即可：
// 激活覆盖层时
document.body.classList.add('overlay-active');
// 关闭覆盖层时
document.body.classList.remove('overlay-active');✅ 优势说明：
- 无需遍历 DOM 或绑定/解绑事件，避免 removeEventListener 失效（如原代码中函数引用未匹配）、事件监听器遗漏或动态插入链接未处理等问题；
- 天然支持动态生成的链接（如 AJAX 加载、Vue/React 渲染的新 <a>），CSS 规则自动生效；
- 性能更优：浏览器原生处理 pointer-events，无 JS 运行时开销；
- 语义清晰：明确表达“当前处于不可交互状态”，便于团队维护。
⚠️ 注意事项：
- pointer-events: none 仅禁用鼠标事件（click、hover 等），不影响键盘导航（如 Tab + Enter 触发链接）。若需完全禁用，可额外添加 tabindex="-1" 和 aria-disabled="true" 并监听 keydown，但通常覆盖层场景下用户不会依赖键盘操作链接；
- 若部分链接需保留功能（如关闭 overlay 的按钮），可使用例外规则覆盖：
.overlay-active a:not(.overlay-control) { pointer-events: none; }
总结：面对“临时冻结链接行为”这一需求，优先选用声明式 CSS 方案而非命令式 JavaScript 事件控制——它更鲁棒、更简洁、也更符合现代前端工程实践。
