文档章节

关于屏蔽浏览器退格键的几个尝试

北风其凉
 北风其凉
发布于 2016/05/20 00:29
字数 685
阅读 842
收藏 6

大部分浏览器在浏览网页时,按退格键(BackSpace)会触发后退操作。但我希望尝试下如何屏蔽此功能。

我使用的操作系统为Win7,我用于测试的三个浏览器版本信息如下:

1、Internet Exlorer 8.0.7601.17514(后面简称IE8)

2、Google Chrome 50.0.2661.102 m(后面简称Chrome)

3、Firefox 46.0.1(后面简称Firefox)

从网上搜集的资料表明,可以通过添加js代码的方式屏蔽退格键。

如有页面page1.html代码如下:

<html>
  <head>
    <title>测试页面1</title>
  </head>
  <body>
    <input type="button" id="openNewPage" value="打开新页面" onclick="openNewPage();" />
    <script>
      function openNewPage() {
        window.location.href = "file:///C:/Users/Tsybius/Desktop/ShieldBpTest/page2.html";
      }
    </script>
  </body>
</html>

该页面可以打开另一个页面page2.html:

<html>
  <head>
    <title>测试页面2</title>
  </head>
  <body>
    <p>这是一张测试页面</p>
    <input type="text" id="testText" />
    <script>
        //参考自 http://q821424508.iteye.com/blog/1587025
        window.onload = function() {  
            if (navigator.userAgent.indexOf('Firefox') >= 0) {
                alert("检测到您正使用火狐浏览器,请将 about:config 中 browser.backspace_action 设置为 2");
                return;
            }
            document.getElementsByTagName("body")[0].onkeydown = function() {
                if(event.keyCode==8) {
                    var elem = event.srcElement || event.currentTarget;
                    var name = elem.nodeName;
                    if(name!='INPUT' && name!='TEXTAREA') {
                        return _stopIt(event);  
                    }  
                    var type_e = elem.type.toUpperCase();  
                    if(name=='INPUT' && (type_e!='TEXT' && type_e!='TEXTAREA' && type_e!='PASSWORD' && type_e!='FILE')) {
                        return _stopIt(event);  
                    }  
                    if(name=='INPUT' && (elem.readOnly==true || elem.disabled ==true)){  
                        return _stopIt(event);  
                    }  
                }  
            };
        };
        function _stopIt(e) {  
            if(e.returnValue) {  
                e.returnValue = false ;  
            }  
            if(e.preventDefault){  
                e.preventDefault();  
            }
            return false;  
        }  
    </script>
  </body>
</html>

这个方式经过试验,通过点击page1的按钮进入到page2后,在page2按下退格键,如果当前焦点在文本输入框中则可进行正常的删除,否则并不会触发退后功能。不过这个方法适用于Chrome和IE8,在Firefox的试验并没有成功。

这个问题网上有人说是因为Firefox用了W3C DOM,而IE用的是IE DOM。但即使用了变通的办法获取到了Firefox的event,也无法阻止退格键对页面的后退。

再后来,我发现了Firefox本身就提供了一个屏蔽退格键的功能。进入Firefox的about:config页面,找到属性browser.backspace_action,这个属性的介绍可以参考页面:

http://kb.mozillazine.org/Browser.backspace_action

这个属性的值,有0、1、其他三类取值:

0:按下Backspace键后会返回session历史中上一个打开的页面,按下Shift+Backspace键反之。(Windows系统默认)

1:按下Backspace键后会在当前页的基础上向上滚动一页,按下Shift+Backspace键反之。(2006年12月7日以前编译的Linux默认)

其他:填写其他任何整数值都会屏蔽BackSpace键。(2006年12月7日以后编译的Linux版本,默认值为2)

将这个配置项设为2,就可以屏蔽掉Firefox浏览器的BackSpace快捷键了。

END

© 著作权归作者所有

北风其凉

北风其凉

粉丝 120
博文 497
码字总数 462305
作品 4
朝阳
程序员
私信 提问
加载中

评论(1)

北风其凉
北风其凉 博主
Google Chrome 将禁止“退格键”作为后退按钮使用 https://www.oschina.net/news/73603/google-chrome-use
屏蔽相应键盘按钮

原文链接:http://blog.csdn.net/21aspnet/article/details/1535777

晨曦之光
2012/03/09
91
0
printf 标准输出格式

printf ‘输出类型输出格式’ 输出内容 输出类型 %ns 输出字符串。n 是数字,代指输出几个字符。 %ni 输出整数。n 是数字,代指输出几个数字。 %m.nf 输出浮点数。m 和 n 是数字,代指输出的...

YZBTDIY的博客
2017/12/20
0
0
javascript高级编程运用

一//各种尺寸 (size) s += "rn网页可见区域宽:"+ document.body.clientWidth; s += "rn网页可见区域高:"+ document.body.clientHeight; s += "rn网页可见区域高:"+ document.body.offset......

crossmix
2015/04/19
47
0
videoview使用的一个小技巧

今天发现关于videoview组件控制屏幕灰度的一个小技巧。分享给大家,同时,紧张工作的各位可以自己去尝试一下,将视频搞搞怪什么de,娱乐娱乐。,比如在视频上面打马赛克,根据手机传感器来关...

yizhihaohut
2013/09/29
3.7K
1

没有更多内容

加载失败,请刷新页面

加载更多

数据库表与表之间的一对一、一对多、多对多关系

表1 foreign key 表2 多对一:表 1 的多条记录对应表 2 的一条记录 利用foreign key的原理我们可以制作两张表的多对多,一对一关系 多对多: 表1的多条记录可以对应表2的一条记录 表2的多条记...

Garphy
36分钟前
6
0
MySQL 表崩溃修复

MySQL日志报错 2019-10-19 13:41:51 19916 [ERROR] /usr/local/mysql/bin/mysqld: Table './initread_hss/user_info' is marked as crashed and should be repaired2019-10-19 13:41:51 1......

雁南飞丶
46分钟前
5
0
Error和Exception

1.Error类和Exception类都是继承Throwable类 2.Error(错误)是系统中的错误,程序员是不能改变的和处理的,是在程序编译时出现的错误,只能通过修改程序才能修正。一般是指与虚拟机相关的问...

大瑞清_liurq
今天
4
0
8086汇编基础 start 程序入口标签的示例

    IDE : Masm for Windows 集成实验环境 2015     OS : Windows 10 x64 typesetting : Markdown    blog : my.oschina.net/zhichengjiu    gitee : gitee.com/zhichengjiu   ......

志成就
今天
4
0
uni app 零基础小白到项目实战2

<template> <scroll-view v-for="(card, index) in list" :key="index"> <view v-for =(item, itemIndex) in card"> {{item.value}}</view> </scroll-view></template> GraceUi va......

达达前端小酒馆
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部