JS禁止浏览器后退键

原创 2013年12月05日 10:45:27

功能:禁止浏览器自动后退  ;但不影响密码、单行文本、多行文本输入框等的回退操作 。

JS代码:

<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>


 

 

JS小技巧:禁用浏览器后退按钮

对于某个页面,我们不希望用户点击浏览器的后退按钮,回到该页面,怎么办?  例如:我有一张页面a.html:  我在a.html加入如下代码: window.history.forward(...
  • master_Kong
  • master_Kong
  • 2016年09月01日 12:10
  • 642

(转)JS禁止浏览器后退键

//处理键盘事件 禁止后退键(Backspace)密码或单行、多行文本框除外 function banBackSpace(e){ var ev ...
  • u011250882
  • u011250882
  • 2016年08月03日 11:15
  • 273

利用js实现 禁用浏览器后退

现在很多的内部系统,一些界面,都是用户手动点击退出按钮的。但是为了避免,用户误操作 点击浏览器后退,或者用鼠标手势后退什么的。容易出现误操作。        所以在有些页面上,适当的禁用浏览器的后退...
  • zc474235918
  • zc474235918
  • 2016年11月12日 10:39
  • 15608

js 禁止页面后退

把下面代码加入到禁止后退的页面即可     //防止页面后退     history.pushState(null, null, document.URL);     window.addE...
  • quan_QQ
  • quan_QQ
  • 2017年03月06日 20:57
  • 581

js监控浏览器返回按钮

A页面 点击我 B页面 window.addEventListener("popstate", functio...
  • zhaoguoshuai91
  • zhaoguoshuai91
  • 2016年12月14日 15:03
  • 3502

JS移动端浏览器取消右划后退的几种方法

在开发过程中,发现我们公司所使用的APP有点BUG,在APP中打开网页、H5应用之后,处于首页时,轻微的右划触发了后退事件,导致直接退出网页或者H5应用的页面,这样使得很多需要交互的手势没办法使用。本...
  • feifanzhuli
  • feifanzhuli
  • 2017年12月13日 13:44
  • 269

运用Js 禁用浏览器后退返回

现在很多的内部系统,一些界面,都是用户手动点击退出按钮的。但是为了避免,用户误操作 点击浏览器后退,或者用鼠标手势后退什么的。容易出现误操作。 所以在有些页面上,适当的禁用浏览器的后退...
  • Nick_YayiAhoo
  • Nick_YayiAhoo
  • 2017年10月11日 09:24
  • 274

javascript阻止浏览器后退事件。

由于客户大多数是不懂电脑的大菜鸟。所以误操作比较多,有时没有选中文本框,然后不小心按了退格之后,刚刚辛苦填好的表单就什么也后退的没有了。网上查了好多资料,然后整合了一下。分享给大家。也希望酸奶姐姐来看...
  • ght521
  • ght521
  • 2013年11月21日 18:43
  • 1564

点击浏览器前进后退按钮时禁止页面跳转

window.history.go(1);   a页面跳转到b页面后,控制b页面不能返回a页面,将这段js代码放入a页面的javascript中  window.history.go(-1);表...
  • sinat_36146776
  • sinat_36146776
  • 2017年02月10日 14:39
  • 958

js控制禁用退格键回到上一个页面

js控制禁用退格键回到上一个页面 我们在真实的项目开发中经常会使用JS 对键盘上的一些按键进行禁用,常见的比如说退格键(backspace/ 后退键),我在一个项目中就遇到过在页面编辑的时候...
  • lp1052843207
  • lp1052843207
  • 2017年04月19日 19:10
  • 1343
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS禁止浏览器后退键
举报原因:
原因补充:

(最多只允许输入30个字)