在 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>

双击链接将触发事件处理程序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

gshankar 是对的

另一种变体：

<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>