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