JS監聽H5返回


js監聽手機返回鍵,回到指定界面

方法一、

$(function(){

pushHistory();

window.addEventListener("popstate", function(e) {

window.location = 返回的地址

}, false);

function pushHistory() {

var state = {

title: "title",

url: "#"

};

window.history.pushState(state, "title", "#");

}

});

 

方法二、JS監聽手機的物理返回鍵

if(window.history && window.history.pushState) {

$(window).on('popstate', function() {

var hashLocation = location.hash;

var hashSplit = hashLocation.split("#!/");

var hashName = hashSplit[1];

if(hashName !== '') {

var hash = window.location.hash;

if(hash === '') {

alert("你點擊了返回鍵");

}

}

});

window.history.pushState('forward', null, './#forward');

}

方法三、JavaScript監聽手機物理返回鍵

pushHistory();

window.addEventListener("popstate", function(e) {

window.location = 'http://www.baidu.com';

}, false);

function pushHistory() {

var state = {

title: "title",

url: "#"

};

window.history.pushState(state, "title", "#");

}

摘錄網絡:

文章來源:劉俊濤的博客 歡迎關注公眾號、留言、評論,一起學習。

__________________________________________________________________________________

若有幫助到您,歡迎點擊推薦,您的支持是對我堅持最好的肯定(*^_^*)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM