javascript - 在点击事件/函数期间获取 URL 哈希值

Question

在 jQuery 单击事件函数期间，我知道单击事件是在基础事件完成之前触发的(并且 URL 已更新)...因此您可以控制该事件。这意味着链接的哈希值尚无法通过 window.location.hash

e.target.hash 是否比进入 <a> 元素本身来获取哈希值更好？或者通过 onclick 事件传递必要的变量？ “更好”定义为跨浏览器兼容性或更容易出错。

例如:

<a class="accountLink" href="#account/123456">Account 123456</a>

$('.accountLink').click(function(e){
  console.log(e.target.hash);
  console.log(window.location.hash);
});

日志:

#account/123456
(blank on initial click)

https://jsfiddle.net/r1xpsut1/1/

Answer 1

根据您的要求，听起来 window 的 onhashchange 事件更合适:

window.onhashchange = function() {
    alert(window.location.hash);
}

Updated fiddle