js获取浏览器返回按钮事件
2017-01-13 09:34
591 查看
前面要加上jquery比如<script src="style/jquery.min.js"></script>監聽事件
jQuery(document).ready(function($) { 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'); }
});
History 对象
History 对象包含用户(在浏览器窗口中)访问过的 URL。History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。history.pushState(state, title, url)
将当前URL和history.state加入到history中,并用新的state和URL替换当前。不会造成页面刷新。state:与要跳转到的URL对应的状态信息。title:不知道干啥用,传空字符串就行了。url:要跳转到的URL地址,不能跨域。相关文章推荐
- JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
- JS 监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
- js获取浏览器窗体最大化事件
- JS获取关闭浏览器事件
- js获取当前事件键盘按钮
- js获取浏览器的keydown事件(附keycode码)
- 监听浏览器关闭按钮点击事件 -- 使用JS
- js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
- 把cookie以json形式返回,用js来set cookie.(解决手机浏览器未知情况下获取不到cookie)
- 防止点浏览器返回按钮,返回上一页的JS方法
- Flask MVVM 开发(vue.js) - ajax如何同步更新地址栏history 以及使用浏览器返回按钮
- JS获取回车事件(兼容各浏览器)
- JS获取回车事件(兼容各浏览器)
- js 跨浏览器获取事件信息模块
- js获取关闭浏览器事件
- JS获取回车事件(兼容各浏览器)
- js 一次按钮事件获取全部数据
- js获取关闭浏览器事件
- 监听浏览器关闭按钮点击事件 -- 使用JS
- 很多人都不知道的监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法