js 防止按键返回前一页面

最新推荐文章于 2024-06-12 11:11:57 发布
最新推荐文章于 2024-06-12 11:11:57 发布
阅读量2.5k 收藏
点赞数
文章标签： function html

做参考，自认为注释还算详细，  
  请按需所取  
   
  <html>  
    <script>  
  function   KeyDown(){   //屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键  
    //alert("ASCII代码是："+event.keyCode);  
      if   ((window.event.altKey)&&  
              ((window.event.keyCode==37)||       //屏蔽   Alt+   方向键   ←  
                (window.event.keyCode==39))){     //屏蔽   Alt+   方向键   →  
            alert("不准你使用ALT+方向键前进或后退网页！");  
            event.returnValue=false;  
            }  
      if   ((event.keyCode==8)     ||                                   //屏蔽退格删除键  
              (event.keyCode==116)||                                   //屏蔽   F5   刷新键  
              (event.keyCode==112)||                                   //屏蔽   F1   刷新键  
              (event.ctrlKey   &&   event.keyCode==82)){   //Ctrl   +   R  
            event.keyCode=0;  
            event.returnValue=false;  
            }  
      if   ((event.ctrlKey)&&(event.keyCode==78))       //屏蔽   Ctrl+n  
            event.returnValue=false;  
      if   ((event.shiftKey)&&(event.keyCode==121))   //屏蔽   shift+F10  
            event.returnValue=false;  
      if   (window.event.srcElement.tagName   ==   "A"   &&   window.event.shiftKey)    
              window.event.returnValue   =   false;     //屏蔽   shift   加鼠标左键新开一网页  
      if   ((window.event.altKey)&&(window.event.keyCode==115)){   //屏蔽Alt+F4  
              window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");  
              return   false;}  
  }  
  function   Showhelp(){  
    alert("按了F1");  
    return   false;  
  }  
    </script>  
    <head>  
      <meta   http-equiv="Content-Language"   content="zh-cn">  
      <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">  
      <title>键盘代码</title>  
      <style>  
        <!--  
  body                   {   font-family:   Verdana;   color:   #000080;   font-size:   9pt   }  
  --></style>  
    </head>  
    <body   οnkeydοwn="KeyDown()"   οncοntextmenu="event.returnValue=false"   onhelp="Showhelp();return   false;">  
      <p   align="center">请按键盘</p>  
    </body>  
  </html>  

地下室
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript阻止浏览器返回按钮的方法
10-24
主要介绍了JavaScript阻止浏览器返回按钮的方法,可实现通过javascript禁用掉返回按钮的功能,需要的朋友可以参考下
js屏蔽页面回退功能
08-31
屏蔽回退键 支持Firefox、Opera IE、Chrome
js注册popstate事件并阻止浏览器返回
最新发布
qq_45532769的博客
06-12 527
在做一些重要资料填写的时候, 我们基本都会阻止一下浏览器的回退, 刷新等等, 今天我们主要针对回退, 做一次讲解。提示：以下是本篇文章正文内容，下面案例可供参考这样, 我们的功能就实现了我们看一下大致效果// 文档。
js禁用页面中退格键返回功能
weixin_34301307的博客
12-17 97
2019独角兽企业重金招聘Python工程师标准>>> ...
Js实现阻止浏览器返回的功能
热门推荐
Jermyo的博客
06-16 1万+
无论pc端还是移动端,浏览器都会带有后退按钮或后退键.主要方便我们能返回以前访问过的页面,但有时候我们不得不关闭这个功能.尤其是对于一些推广落地页,用户进入后不希望它返回。 目前有很多推广的朋友也在问,如何实现:“怎样才能禁用浏览器的后退按钮?”,或者“怎样才能防止用户点击后退按钮返回以前浏览过的页面？ 在禁止后退的页面直接添加下面的js代码即可: (function(){ if(window.history && window.history.pushState) { window.
js阻止浏览器返回上一页
shinjie1210的博客
08-11 2012
最近有个项目,客户需要在app内嵌浏览器页面使用rtc通话,但是有前置页面,所以发生虽然不在rtc页面但是rtc通话内的语音播报并没有中断的异常场景。出现了安卓机左右滑动返回手势,已经退回前置页面,但web容器并未关闭。虽然异常操作不需要我提供解决方案,但还是想试试有没有解决方案,页面离开前弹出提示,点击决定是否离开当前页。所以网上找了一圈,发现以下适用方案。甚至可以发个请求出去。...
js（JavaScript）实现跳转后浏览器不能回退到上一个页面
m0_59778008的博客
09-30 5521
不能回退的原理是不让其产生历史记录。
JavaWeb页面中防止点击Backspace网页后退情况
09-01
以下是一个简单的JavaScript函数，名为`banBackSpace`，它会阻止Backspace键导致的页面后退，但允许在密码框和文本输入框中使用Backspace进行文字删除： ```javascript function banBackSpace(e) { var ev = e || ...
利用JS屏蔽页面中的Enter按键提交表单的方法
11-29
本篇文章将详细解释如何使用JavaScript（JS）来实现这一功能，并讨论在特定情况下，如Opera浏览器中遇到的问题及解决方案。 首先，我们来看如何使用JavaScript来屏蔽Enter键提交表单。在JavaScript中，我们可以监听...
详解Html5 监听拦截Android返回键方法
09-27
通过`history.back()`, `history.forward()`和`history.go()`方法，我们可以让浏览器导航到历史记录中的前一个或后一个页面，或者直接跳转到指定位置。 HTML5新增的`pushState()`方法允许我们在不实际加载新页面的...
JS监听组合按键思路及实现过程
11-20
在JavaScript中，监听组合按键是实现特定功能或交互的关键技术之一。这主要涉及到键盘事件的处理，特别是`keydown`事件，因为用户按下键盘时，这个事件会被触发。下面我们将详细探讨如何实现组合键监听，以及涉及到...
js禁止页面刷新与后退的方法
10-24
主要介绍了js禁止页面刷新与后退的方法,实例分析了javascript屏蔽F5键、右键菜单、F1键等实现技巧,需要的朋友可以参考下
C#通过一个页面按钮调用另一个页面的按钮（不打开页面的前提下）Response，HttpWebRequest方法
05-27
- 如果第二个页面的按钮点击会触发某些JavaScript事件或更新页面状态，那么我们可能需要在服务器端生成相应的脚本，并将其嵌入到第一个页面的响应中。 - 客户端接收到响应后，解析其中的JavaScript代码并执行，...
js禁止浏览器的回退事件
啊猿的博客
04-11 1480
这种方式，可以消除 后退的所有动作。包括 键盘、鼠标手势等产生的后退动作。
js 手机端禁用返回键
忘川
04-27 2972
1、window.addEventListener window.addEventListener( "popstate", function (e) { alert("你点了返回键1"); }, false ); 2、window.onpopstate window.onpopstate = fu...
禁止html页面返回上一层
aaronthon的博客
11-12 2172
两种方式： // 方式一 触发返回上一层页面事件，只会重新加载当前页面 window.addEventListener('pageshow', function(e) { if (e.persisted) { location.reload(); } }) // 方式二 不会出现刷新效果 history.pushState(null, null, d...
js监听手机返回按键操作，禁用返回按键操作。
weixin_44903107的博客
04-01 988
**使用到的技术要点：**history.pushState（） 原理暂不做解释，后续再做补充，可参考popstate官方文档 1、禁用手机返回按键，引入直接可用，亲测. XBack = {}; (function(XBack) { XBack.STATE = 'x - back'; XBack.element; XBack.onPopState = function(ev...
js阻止页面回退
m0_74359467的博客
10-28 662
这里我再给大家提供一个思路：登录后，基本都会在本地存值里存储登录成功后接口返回的数据，那么我们可以在登录页面进行一个判断，本地存值是否有这个值，或者是未定义，当没有时，正常进行程序；有这个值时，直接跳转至首页，那么当用户在首页时点击回退，页面会回到登录页面，但是在登录页面直接进行了一个判断，就又跳回到首页，这也是一种方法。要在 JavaScript 中阻止页面回退，你可以使用 history.pushState() 方法，它可以修改浏览器历史记录中的当前状态，从而阻止页面回退。
js 中返回上一个页面的方法
05-30
在 JavaScript 中，可以使用 window.history.back() 方法返回上一个页面，该方法会使浏览器返回到历史记录中的前一个页面。如果历史记录中只有一个页面或者禁用了历史记录，该方法无效。 例如，可以在页面中添加一个按钮，点击该按钮时返回上一个页面： ``` <button onclick="goBack()">返回</button> <script> function goBack() { window.history.back(); } </script> ``` 在上面的代码中，当用户点击按钮时，会调用 goBack 函数，该函数中使用 window.history.back() 方法将浏览器返回到上一个页面。 需要注意的是，使用 window.history.back() 方法返回上一个页面时，会导致所有状态（包括 JavaScript 变量、表单数据等）丢失，因此需要谨慎使用。在实际开发中，可以考虑使用 AJAX 或 History API 等技术来实现页面的动态加载和跳转，避免页面状态的丢失。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值