javascript - 在 Firefox 中，双击 href 设置为 # 但 onclick 设置为转到另一个页面的标签将有效地使我们留在当前页面

Question

假设我们有ff。在 a.html 中：

<script>
  function onClick() {
    // Do some important stuff and then...
    location = "b.html";
  }
</script>
<a href="#" onclick="onClick();">Link</a>

双击 Link 将触发事件处理程序 onClick。但是，双击中的第二次单击似乎被解释为另一次单击并导致页面跳转到命名的锚点。实际上，位置没有改变。

我的问题是：

1. 这是浏览器错误还是功能？

2. 有没有办法解决这种行为？

Answer 1

你可以试试

href="javascript:void(0);"

反而

Answer 2

使用window.location = "b.html". location本身没有特殊意义。

跳锚无关。您可以通过停止事件来禁用它。

function onClick(event) {
  event.preventDefault();
  event.stopPropagation();
}

<a href="#" onclick="onClick(event)">Link</a>

Answer 3

格尚卡尔是对的

另一种变体：

<script>
  function onClick() {
    location = "b.html";
    return false;
  }
</script>
<a href="#" onclick="return onClick();">Link</a>

Answer 4

或者您可以将链接指向函数并跳过 onclick 事件：

<script>
  function onClick() {
    location = "b.html";
    return false;
  }
</script>
<a href="javascript:onClick();">Link</a>