禁用一页应用程序的浏览器后退按钮 [英] Disable browser back button for one page application
问题描述
我需要在单页面应用程序中禁用浏览器的后退按钮。
我尝试使用 onhashchange 或 window.history.forward 等方法,但它们不起作用(原因可能是这里的网址没有更改)
请帮忙!
谢谢。
I need to disable the back button of browser in my single page application. I tried using methods like onhashchange or window.history.forward but they don't work (reason may be that url doesn't get changed here) Please help! Thanks.
推荐答案
我在AngularJS工作,构建单页应用程序,我想禁用或阻止后退按钮浏览器,因为我的应用程序有按钮和锚点,所有navegation进入我的应用程序。
I work in AngularJS building a Single Page App and I wanted to disable or prevent the back button of the browser, because my app has buttons and anchors for all navegation into my app.
我搜索并测试了很多代码,这是很容易防止后退按钮浏览器和以下代码对我有效。
I searched and test many codes, and this is the easy to prevent the back button of browsers and the following code worked for me.
window.onpopstate = function(e){
window.history.forward (1); }
window.onpopstate = function (e) { window.history.forward(1); }
当历史记录检测到第一个history.back()
When the history detects the first history.back()
window.onpopstate
window.onpopstate
执行,然后在此时刻之后检测到历史记录中的任何后退或前进事件。
is executed, then after this moment any back or forward in history are detected for onpopstate event.
这篇关于禁用一页应用程序的浏览器后退按钮的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!