绑定 popstate 事件的不同方法答案

【问题标题】：Different Ways to Bind a popstate Event绑定 popstate 事件的不同方法
【发布时间】：2016-07-01 17:29:35
【问题描述】：

这三个事件有什么区别？

 $(window).bind("popstate", function() {
     alert('popstate');
 });

 window.onpopstate =  function() {
     alert('popstate');
 }

window.addEventListener("popstate", function (event){
    if (event.state) {
        alert('popstate');
    }
});

【问题讨论】：

没有区别。他们都是同一个事件。第一个使用 jQuery（一个 JavaScript 库）来绑定事件，第二个和第三个使用 vanilla javascript（无库）来做。
我可以像第三个例子那样使用第一个事件吗？
它们是相同的popstate 事件。只是绑定它们的方式不同。如果您不想使用 jQuery，请使用示例 2/3

【解决方案1】：

没有区别。这三个都将侦听器绑定到popstate 事件。第一个使用 jQuery 库，而另外两个是 vanilla JS。

一个小例外 - 第二种方法将替换任何以前的 popstate 事件侦听器，而其他方法只会添加一个新的。

【讨论】：