应移除 href 属性并添加 aria-disabled=”true”、role=”link” 和 tabindex=”0″，配合 pointer-events: none 与 cursor: not-allowed，确保键盘与屏幕阅读器用户均可感知禁用状态。
超链接点击没反应，href 值为空或 # 怎么办
空 href（如 href=""）或仅写 href="#" 会让链接“看似可点，实则无效”——点击后页面可能跳到顶部，或什么也不发生。这不是 bug，是浏览器默认行为。真要禁用链接，不能靠“留空”或“打井号”糊弄。
正确做法是：显式移除跳转能力，并提供视觉反馈说明当前不可用：
- 删掉
href属性，改用role="link"+tabindex="0"保留键盘可聚焦性（如果仍需支持键盘操作） - 加 CSS 禁用鼠标交互：
pointer-events: none;，再配cursor: not-allowed;提示用户 - 若必须保留
a标签结构（比如兼容旧 JS 绑定），至少写href="javascript:void(0);"，但注意这会干扰屏幕阅读器，不推荐
onclick 返回 false 拦不住跳转？检查 href 是否含协议
很多人写 按钮，发现点击后还是跳到页面顶部。问题出在：只要 href 是合法 URL（哪怕只是 #），浏览器就会在事件处理完后执行跳转，return false 在现代浏览器中已无法阻止它。
真正可靠的写法只有两种：
立即学习“前端免费学习笔记（深入）”；
- 用
event.preventDefault()显式阻止默认行为： - 彻底去掉
href，改用—— 语义更准、无需防跳转、天然禁用焦点环样式可定制
注意：href="javascript:;" 虽能避免跳转，但已被部分浏览器标记为不安全，且不利于 SEO 和可访问性。
用 JavaScript 动态禁用链接，removeAttribute('href') 还是 setAttribute('href', '')？
运行时想让一个已有链接失效，别用 setAttribute('href', '') —— 这会让浏览器把它当作相对路径解析，可能意外跳转到当前目录首页。
