首頁猿問獲取不到onpopstate事件的...

獲取不到onpopstate事件的state?

JavaScript

達令說 2018-08-15 06:05:12

代碼如下：$(function() { $('a').bind('click', function() { var actionObj = $(this); var actionText = actionObj.text(); var stateObj = { title : actionText, url : actionObj.attr('href'), msg : actionText }; window.history.pushState(stateObj, actionObj, actionObj.attr('href')); }); window.onpopstate = function(e) { console.log(e.state); }; })查了一些資料，完全不知道問題在哪里……chrome 或者 firefox 都不行……不知道哪里做錯了……

查看完整描述

1 回答

慕姐8265434

TA貢獻1813條經(jīng)驗獲得超2個贊

其實你只需要理解一點，onpopstate是在history.back()之后調(diào)用的。所以這個時候e.state里返回實際上是back之后的狀態(tài)，比如我在下面的代碼里。一次push了兩個state，當(dāng)我點擊一次后退的時候{page : 2}的state已經(jīng)pop出去了，這時候e.state里就只剩下{page : 1}了。

(function() {
    $('a').bind('click', function() {
        window.history.pushState({page : 1}, 'test', '#test1');
        window.history.pushState({page : 2}, 'test', '#test2');
        return false;
    });

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

反對回復(fù) 2018-09-14