javascript - popstate 什么时候触发？

Question

我按照规范将所有代码放在 $(document).ready 中，但是我是否也应该将我的“popstate”监听器也放在这段代码的末尾？还是重要？

Answer 1

这并不重要，因为它是一个事件，甚至可以在您的 ready 方法之前完成。唯一需要放在 document ready 中的是与 DOM 交互的代码。其他一切都没有(而且可能不应该)准备好放在文档中。

例子:

window.onpopstate = function() {
    // binding this event can be done anywhere, 
    // but shouldn't be inside document ready
};

$(document).ready(function() {
    // DOM manipulation and other stuff
});

现在实际触发 popstate 的时间与绑定(bind)时有很大不同。根据 Mozilla 文档:

A popstate event is dispatched to the window every time the active history entry changes. If the history entry being activated was created by a call to history.pushState() or was affected by a call to history.replaceState(), the popstate event's state property contains a copy of the history entry's state object.