javascript - 空 URL 哈希导致页面跳转到 js 事件

Question

我有一个带有下一个和上一个按钮的照片库。如果单击其中一个按钮时由于某种原因导致我的一种 javascript 方法被破坏，它将向 URL 添加一个哈希，即 www.google.com# 。我知道哈希可以被赋予一个 div id 以跳转到页面的该部分，但是当它为空白时，它会在我的页面周围跳转几次，我不确定它的目标是什么。我曾想过尝试从 url 中删除哈希，但随后我必须确保在每个操作中都这样做，这似乎是一种不好的做法。如果散列对页面上的操作没有影响，我更愿意。

Answer 1

我猜 Next And Prev 按钮有<a href="#" ...</a>类似的标记。在这种情况下，您可以使用 jquery 将事件侦听器添加到这些链接

$('#prev, #next').on({
    'click': function(e) {
         e.preventDefault();
     }
})

并避免通过浏览器更改位置。或者在纯 javascript 中：

document.querySelectorAll('#prev, #next').addEventListener('click', function(e) {
    e.preventDefault();
},false)
//Note: this code is not cross-browser

Answer 2

不要用href="#"，不合适。

相反，使用href="javascript:;"或其变体（我个人使用javascript:void(null);）
这明确指出链接不会转到另一个位置，而是由 JavaScript 处理。

Answer 3

当您不想执行导航功能时，不要使用锚标记。利用button