溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹如何獲取pushState事件，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
history.pushState和history.replaceState可以在不刷新當前頁面的情況下更改URL，但是這樣就無法獲取通過AJAX得到的新頁面的內容了。
pushstate事件消息
雖然各種HTML5文檔說window.onpopstate事件可以攔截pushState的消息，但在實際的測試中，onpopstate根本沒有任何作用，無法攔截pushState的消息。
經過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!');
});
這段代碼改寫了history中原來的函數，然后自己激活一個事件
這樣就可以解決pushState無法激活事件的問題了
另外記得最好將這段代碼放在文檔加載前執行
以上是“如何獲取pushState事件”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
