监听浏览器回退事件
来源:互联网 发布:淘宝文案策划岗位职责 编辑:程序博客网 时间:2024/05/16 01:18
Dom:
<body> <a id="foo" style="display:none"></a><a href="#foo" id="goFoo" style="display:none"></a> <script src="../jquery-1.10.2.min.js"></script></body>
Js:
window.onload=function(){ addHistoryEntity(); detectBack();}//新增一条浏览器浏览历史记录function addHistoryEntity(){ if(history.pushState){ //现代浏览器 history.pushState('state1',null,'#foo'); }else{ //ie9及以下 document.getElementById("goFoo").click(); }}//监听浏览器回退按钮function detectBack(){ if(history.pushState){ //现代浏览器 window.onpopstate=function(){ logout(); } } else{ //ie9及以下 $(window).on("hashchange",function(){ if(location.hash=="#foo"){ return; } logout(); }); }}//回退前事件function logout(){ alert("此时调用logout"); history.back();}history.pushState方法(还有history.replaceState方法)是html5中新定义的特性,ie浏览器从ie10开始支持.
阅读全文
0 0
- 监听浏览器回退事件
- 监听浏览器回退事件
- iOS微信浏览器回退不刷新(监听浏览器回退事件)
- 浏览器回退事件处理
- 关于浏览器的回退事件
- Fragment进阶(五)----->监听fragment回退事件
- android之Fragment中监听back回退事件
- 监听浏览器关闭事件
- 不同浏览器事件监听
- 跨浏览器事件监听
- 浏览器返回事件监听
- onpopstate浏览器点击回退按钮时触发的事件
- onpopstate浏览器点击回退按钮时触发的事件
- onpopstate浏览器点击回退按钮时触发的事件
- 监听返回键的回退事件,和长按事件
- js监听浏览器退出事件
- JS监听关闭浏览器事件
- JS监听关闭浏览器事件
- css文字与字体相关
- 有关Linux下线程的调度
- 自学spring mvc 笔记
- WCF(三) 部署遇到的 405.0 403.14 等一系列诡异的问题解决办法。
- 系统崩溃!win10系统修复和数据恢复方法总结
- 监听浏览器回退事件
- redis和memcache的区别
- Help Dexter
- bzoj 4484 [Jsoi2015] 最小表示 solution
- 如何查看JDK以及JAVA框架的源码
- <script>结束符奇怪的地方
- C语言定义数组时使用枚举作为数组的下标
- 一路(16)有你,一起(17)前行
- ES6语法学习阶段一:let和const 变量声明