哈希位置更改时如何触发事件答案

【问题标题】：How to trigger an event when hash location changes哈希位置更改时如何触发事件
【发布时间】：2016-07-11 21:48:30
【问题描述】：

我正在尝试使用 onhashchange 方法在我的 url 内的哈希发生变化时触发一个事件。我正在调用它，但它似乎从未被执行。

我尝试了以下方法。

$(function () {
    window.addEventListener("onhashchange", function () {
        alert("Here");
    });

    window.onhashchange = function () {
        alert("Changed");
    }
)};

这些函数没有被调用有什么原因吗？

【问题讨论】：

当您使用addEventListener 时，不要将on 放在事件名称的开头。
stackoverflow.com/questions/3090478/jquery-hashchange-event

标签： javascript jquery fragment-identifier

【解决方案1】：

在第一个示例中，您应该写 'hashchange' 而不是 'onhashchange'。

这段代码对我来说很好，至少在 Chrome 中：

window.addEventListener('hashchange', function(e){
    console.log('changed');
})

这里是短代码-sn-p： https://jsfiddle.net/bm8jjwmq/

【讨论】：

我认为使用 if 也是一个很好的解决方案 jsbin.com/relumuzimu/edit?html,js,output

【解决方案2】：

if ("onhashchange" in window) {
    alert("The browser supports the hashchange event!");
}

▲ 支持 // ▼ 实现

function locationHashChanged() {
    if (location.hash === "#somecoolfeature") {
        somecoolfeature();
    }
}

window.onhashchange = locationHashChanged;

来源：https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onhashchange

【讨论】：

应该是评论
到 OP？我没有足够的声誉来发表评论。为错误的地方道歉。