javascript - 如何在不重新加载页面的情况下获取 URL 新的哈希值

Question

我设置此脚本来捕获对元素的点击并获取 location.hash 值:

$('a').on('click', function(){
    filenamehash=location.hash;
    console.log(filename);
    console.log(filenamehash);
});

问题是，哈希值在函数完成之前似乎不会改变。因此，如果我在页面中单击新的哈希值，上面的脚本将无法捕获它。如果我第二次点击它，它就会出现。

我需要某种延迟吗？或者也许是“点击完成”事件(如果有这样的事情？)。

谢谢。

Answer 1

为什么不直接监听哈希变化

$(window).on('hashchange', function() {
    console.log( window.location.hash );
});

或者如果哈希值是 anchor href，则直接获取

$('a').on('click', function(){
    var filenamehash = $(this).attr('href');

    console.log(filenamehash);
});