javascript怎么禁用浏览器后退按钮

Posted 2023-05-15

<script language="javascript"> 
javascript:window.history.forward(1); 
</script>
利用JS产生一个“前进”的动作，以抵消后退功能，这种方法应该是最简洁的，并且不需要考虑用户连点两次或多次“后退”的情况，缺点是当用户端禁用了JavaScript之后即失效。<A HREF="logout.do" onclick="javascript:location.replace(this.href); event.returnValue=false; "> 
Logout (Back Disabled) 
</A>
用location.replace从一个页面转到另一个页面。这种方法的原理是，用新页面的URL替换当前的历史纪录，这样浏览历史记录中就只有一个页面，后退按钮永远不会变为可用。我想这可能正是许多人所寻求的方法，但这种方法仍旧不是任何情况下的最好方法。这种方法的缺点在于：简单地运用Response.Redirect将不再有效，这是因为每次用户从一个页面转到另一个页面，我们都必须用客户端代码清除location.history。另外还要注意，这种方法清除的是最后一个访问历史记录，而不是全部的访问记录。

当键盘敲下后退键（Backspace）后
1、禁止浏览器自动后退
2、但不影响密码、单行文本、多行文本输入框等的回退操作


<script type="text/javascript"> 

//处理键盘事件 禁止后退键（Backspace）密码或单行、多行文本框除外 
function banBackSpace(e) 
var ev = e || window.event;//获取event对象 
var obj = ev.target || ev.srcElement;//获取事件源 

var t = obj.type || obj.getAttribute('type');//获取事件源类型 

//获取作为判断条件的事件类型 
var vReadOnly = obj.getAttribute('readonly'); 
var vEnabled = obj.getAttribute('enabled'); 
//处理null值情况 
vReadOnly = (vReadOnly == null) ? false : vReadOnly; 
vEnabled = (vEnabled == null) ? true : vEnabled; 

//当敲Backspace键时，事件源类型为密码或单行、多行文本的， 
//并且readonly属性为true或enabled属性为false的，则退格键失效 
var flag1=(ev.keyCode == 8 && (t=="password" || t=="text" || t=="textarea") 
&& (vReadOnly==true || vEnabled!=true))?true:false; 

//当敲Backspace键时，事件源类型非密码或单行、多行文本的，则退格键失效 
var flag2=(ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea") 
?true:false; 

//判断 
if(flag2) 
return false; 
 
if(flag1) 
return false; 
 
 

//禁止后退键 作用于Firefox、Opera 
document.onkeypress=banBackSpace; 
//禁止后退键 作用于IE、Chrome 
document.onkeydown=banBackSpace; 

</script>

参考技术A

有一个思路是利用JS产生一个“前进”的动作，以抵消后退功能，这种方法应该是最简洁的，并且不需要考虑用户连点两次或多次“后退”的情况，缺点是当用户端禁用了JavaScript之后即失效。

<script language="JavaScript">
javascript:window.history.forward(1);
</script>

我试了一下，用这个的话对于当前页得是前一页的代码有这段代码才有用，如果是一整个网站都禁止后退的化，可以每页都加，但是如果只有一页需要的话就得另外找方法了

Flutter Web：如何在 Flutter Web 应用程序中禁用浏览器的后退按钮

【中文标题】Flutter Web：如何在 Flutter Web 应用程序中禁用浏览器的后退按钮

【英文标题】：Flutter Web: How to disable backward button of browser in flutter web application

【发布时间】：2020-05-02 22:48:01

【问题描述】：

成功登录后，用户重定向到主页，但当用户单击浏览器后退按钮时，它很容易重定向到登录屏幕。我应该怎么做才能禁用向后重定向？

【参考方案1】：

class SecondPage extends StatelessWidget 
  @override
  Widget build(BuildContext context) 
    /// Hope WillPopScope will do the job for you.
    return WillPopScope(
      onWillPop: () async => null,
      child: Scaffold(
        body: Center(
          child: Text('asd'),
        ),
      ),
    );
  

【讨论】：

它运行良好，但是当我刷新页面相同的问题时，它重定向到登录屏幕。

登录是我的初始路由。

@Olance 您可以查看此pub.dev/packages/universal_html 以帮助存储会话