HTML中如何禁止链接的默认跳转行为

是的，而且这是浏览器标准行为：# 触发锚点定位，不属于“导航”范畴，preventDefault() 对它无效。页面会瞬间跳回顶部，哪怕 JS 执行成功。

这不是 bug，是规范定义的行为。想彻底避免滚动，有且只有两个干净解法：

• 改用 href="javascript:void(0)" —— 无语义、无副作用，老但稳
• 直接移除 href 属性，再用 CSS 补回链接样式（如 cursor: pointer; text-decoration: underline;）

别碰 href="#some-id" 后再靠 JS 拦——只要 ID 存在，滚动就发生，preventDefault() 来不及。

兼容性：IE8 及更老浏览器怎么写？

现代写法 e.preventDefault() 在 IE9+ 有效；IE6–8 只认 e.returnValue = false。如果项目还需支持这些古董，得兜底：

link.addEventListener('click', function(e) {
  if (e.preventDefault) {
    e.preventDefault();
  } else {
    e.returnValue = false;
  }
});

或者更简单粗暴：直接在内联 onclick 里写 return false，它同时干掉默认行为和冒泡，兼容性完美，但不够灵活。

Vue/React 里 @click.prevent 失效怎么办？

<div @click.prevent>
  <a href="/home">首页</a>
</div>

这不行——@click.prevent 绑在