如何在哈希位置更改时触发事件
How to trigger an event when hash location changes
我试图使用方法 onhashchange
在我的 url 内的哈希更改时触发事件。我称之为它,但它似乎从未被执行过。
我尝试了以下方法。
$(function () {
window.addEventListener("onhashchange", function () {
alert("Here");
});
window.onhashchange = function () {
alert("Changed");
}
)};
有什么理由不调用这些函数吗?
你应该在你的第一个例子中写"hashchange"而不是'onhashchange'。
这段代码对我来说很好用,至少在 Chrome 中是这样:
window.addEventListener('hashchange', function(e){
console.log('changed');
})
下面是简短的代码片段:https://jsfiddle.net/bm8jjwmq/
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
相关文章:
- 根据选项卡内部的文本链接中的哈希ID动态选择jqueryUI选项卡
- Steam Web API:I'我不知道该如何处理这个看起来像哈希的url来生成图像
- AngularJS:获取链接中没有哈希的查询字符串值
- 如何在Google chrome安全首选项文件中创建扩展安全哈希代码
- 正在测试主干事件哈希
- 主干事件哈希不起作用
- 哈希更改事件不时发生
- 如何在点击事件中管理哈希更改事件
- 空 URL 哈希会导致页面跳转到 js 事件
- 删除哈希更改事件的 URL 哈希(不是变量)
- 哈希更改事件可能的错误
- 访问ui哈希的Marionette嵌入式事件
- 重写继承的Backbone.js视图的事件哈希
- 如何在javascript中捕获浏览器的后退/前进按钮点击事件或哈希更改事件
- 在单击事件/函数期间获取URL哈希值
- 移除哈希时是否触发hashchange事件
- 以编程方式更新哈希,而不触发hashchange事件
- 如何将主干视图事件哈希定义为函数
- 如何在哈希位置更改时触发事件
- 在简单 SPA 中,使用 jQuery 未触发哈希更改事件