【问题标题】:HTML5 popstate event passed nullHTML5 popstate 事件传递 null
【发布时间】:2014-12-25 02:12:14
【问题描述】:

我遇到了一个奇怪的问题,即 popstate 会返回 null,即使 pushState 已经触发了七八次。

window.addEventListener('popstate', function(event) {

    console.log(event.state);

});

我也试过了:

window.onpopstate = function(event) {
        console.log(event.state);
};

但没有运气。我正在使用 Chrome。

【问题讨论】:

  • 根据文档... "请注意,仅调用 history.pushState() 或 history.replaceState() 不会触发 popstate 事件。popstate 事件仅通过执行浏览器操作触发例如单击后退按钮(或在 JavaScript 中调用 history.back())。” ...developer.mozilla.org/en-US/docs/Web/Events/popstate
  • 对,我应该澄清一下,即使使用浏览器的后退或前进按钮,我仍然会得到 null。
  • window bind POPSTATE的可能重复
  • OK ...我还注意到state 有时是空的; console.log(event) 有什么收获吗?
  • @OnlyMAJ 这不是重复的。我不在乎这是否在初始加载时触发,我只希望 popstate 在使用浏览器前进/后退按钮导航时工作。

标签: javascript html history pushstate


【解决方案1】:

问题是我没有正确设置 pushState 变量。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-04-17
    • 2015-10-13
    • 2012-06-12
    • 1970-01-01
    • 1970-01-01
    • 2021-07-16
    • 2012-05-05
    相关资源
    最近更新 更多