H5監聽手機的返回鍵


方法一:

pushHistory(); 
window.addEventListener("popstate", function(e) { 
  alert("我監聽到了瀏覽器的返回按鈕事件啦");//根據自己的需求實現自己的功能 
}, false); 
function pushHistory() {
  var state = { 
    title: "title", 
    url: "#"
  }; 
  window.history.pushState(state, "title", "#"); 
}

 

方法二:

var hiddenProperty = 'hidden' in document ? 'hidden' : 
  'webkitHidden' in document ? 'webkitHidden' : 
  'mozHidden' in document ? 'mozHidden' : 
  null;
var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
var onVisibilityChange = function(){
  if (!document[hiddenProperty]) { 
    console.log('頁面非激活');
  }else{
    console.log('頁面激活')
  }
}
document.addEventListener(visibilityChangeEvent, onVisibilityChange);

 


免責聲明!

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



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