绑定 popstate 事件的不同方式

Question

这三个事件有什么区别？

1

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

2

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

3

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

Answer 1

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

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

Different Ways to Bind a popstate Event