如何獲取pushState事件

這篇文章主要介紹如何獲取pushState事件，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

　　history.pushState和history.replaceState可以在不刷新當(dāng)前頁(yè)面的情況下更改URL，但是這樣就無(wú)法獲取通過(guò)AJAX得到的新頁(yè)面的內(nèi)容了。

　　pushstate事件消息

　　雖然各種HTML5文檔說(shuō)window.onpopstate事件可以攔截pushState的消息，但在實(shí)際的測(cè)試中，onpopstate根本沒(méi)有任何作用，無(wú)法攔截pushState的消息。

　　經(jīng)過(guò)Google一番，才找到了正確獲取pushState事件的代碼。

　　正確獲取pushState事件的代碼

　　//Addthis:

　　var_wr=function(type){

　　varorig=history[type];

　　returnfunction(){

　　varrv=orig.apply(this,arguments);

　　vare=newEvent(type);

　　e.arguments=arguments;

　　window.dispatchEvent(e);

　　returnrv;

　　};

　　};

　　history.pushState=_wr('pushState');

　　history.replaceState=_wr('replaceState');

　　//Useitlikethis:

　　window.addEventListener('pushState',function(e){

　　console.warn('THEYDIDITAGAIN!');

　　});

　　window.addEventListener('replaceState',function(e){

　　console.warn('THEYDIDITAGAIN!');

　　});

　　這段代碼改寫(xiě)了history中原來(lái)的函數(shù)，然后自己激活一個(gè)事件

　　這樣就可以解決pushState無(wú)法激活事件的問(wèn)題了

　　另外記得最好將這段代碼放在文檔加載前執(zhí)行

以上是“如何獲取pushState事件”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！