`

禁用浏览器的BackSpace退格键

阅读更多

//处理键盘事件 禁止后退键(Backspace)密码或单行、多行文本框除外 
function banBackSpace(e) {
    var ev = e || window.event;// 获取event对象
    var obj = ev.target || ev.srcElement;// 获取事件源
    var type = obj.type || obj.getAttribute('type');// 获取事件源类型
    // 获取作为判断条件的事件类型
    var vReadOnly = obj.getAttribute('readonly');
    var vEnabled = obj.getAttribute('enabled');
    // 处理null值情况
    vReadOnly = (vReadOnly == null) ? false : true;
    vEnabled = (vEnabled == null) ? false : true;
    // 当敲Backspace键时,事件源类型为密码或单行、多行文本的,
    // 并且readonly属性为true或enabled属性为false的,则退格键失效
    var flag1 = ( ev.keyCode == 8 && (type == "password" || type == "text" || type == "textarea")
                    && (vReadOnly == true || vEnabled == true)    )?true:false;
    // 当敲Backspace键时,事件源类型非密码或单行、多行文本的,则退格键失效
    var flag2 = (ev.keyCode == 8 && type != "password" && type != "text" && type != "textarea")?true:false;
    if (flag1 || flag2 ) {
        return false;
    }
}
$(function(){
    document.onkeypress = banBackSpace;        // 禁止后退键 作用于Firefox、Opera
    document.onkeydown = banBackSpace;        // 禁止后退键 作用于IE、Chrome
})

转载:http://mozilla.com.cn/post/3091/

分享到:
评论

相关推荐

    js屏蔽退格键(backspace或者叫后退键与F5)

    我们在真实的项目开发中经常会使用JS 对键盘上的一些按键进行禁用,常见的比如说退格键(backspace/ 后退键),我在一个项目中就遇到过在页面编辑的时候禁用掉退格键,因为退格键会发生页面后退,这样编辑的内容都会...

    JS禁用浏览器退格键实现思路及代码

    上周提交了一个项目(内部使用的),一同事提出个BUG,说要禁用退格键(backspace或者叫后退键),因为这和他的习惯不一样,担心万一文字录入一半,他按了退格键,那整个页面的内容就白填了,然后信誓旦旦的说他做的...

    屏蔽退格键后退网页功能

    当我们在jsp上有个只读文本框的时候,用户在文本框内点击BackSpace会后退网页,此js直接引用到jsp内就可以屏蔽退格键后退网页的功能,删除功能还在。经测试,谷歌,IE都可以用。

    禁用backspace键的后退功能

    禁用backspace键的后退功能,但是可以删除文本内容

    解决Linux内核移植后退格键失效的问题

    本文详细阐述如何解决在linux移植过程中遇到的退格键失效的问题

    禁用backspace键的后退

    禁用backspace键的后退功能,但是可以删除文本内容

    prevent-backspace:防止退格键在浏览器中返回

    是一个客户端 JavaScript 组件,可防止退格键在浏览器中返回。 您可以将它与或。 npm / 浏览器化 npm install prevent-backspace 成分 component install jprichardson/prevent-backspace 例子 var ...

    js禁止Backspace键使浏览器后退的实现方法

    在项目中遇到按下Backspace键让浏览器后退的问题,上网搜了几种解决方案都不太理想。于是集众人之智,采众家之长,归纳如下: 1、在公用js中定义阻止Backspace的方法 function banBackSpace(e){ var ev = e || ...

    meteor-prevent-backspace:防止退格键在浏览器中返回

    是一个客户端 JavaScript 组件,可防止退格键在浏览器中返回。 用法 将项目添加到您的 Meteor 项目: meteor add uzumaxy:prevent-backspace 。 之后退格将不会用于导航。 执照 meteor-prevent-backspace项目获得了...

    chrome52版本以下 屏蔽退格键 回退插件

    chrome52版本以下 屏蔽退格键 回退插件 backspacemeansbackspace V 1.2

    Backspace-1.4.1.zip

    概述:Backspace键使退格作为后退导航的快捷方式。 浏览器禁用这种行为,前一段时间,而这个扩展可以帮助谁想要回用户。 描述: Enablegoingbackbypressingbackspacekey Backspace键使退格作为后退导航的快捷方式。 ...

    js禁止Backspace键使浏览器后退的实现方法.docx

    js禁止Backspace键使浏览器后退的实现方法.docx

    js 禁用只读文本框获得焦点时的退格键

    有时候难免会要用到只读的文本框,可今天发现只读文本框有一个缺陷,当鼠标焦点在文本框里面的时候按回退键(backSpace), 会退回到前一个页面,这个问题就有点烦恼了,用户又不清楚可不可以输入,他如果看到文本框想去改...

    JQuery实现防止退格键返回的方法

    本文实例讲述了JQuery实现防止退格键返回的方法。分享给大家供大家参考。具体实现方法如下: 代码如下://浏览器中Backspace不可用  $(document).keydown(function(e){   var keyEvent;   if(e.keyCode==8){  ...

    backspace键返回上一页的问题

    可处理在jsp界面中,文本框为只读和disable状态时,按backspace键返回上一页的问题

    JavaScript如何禁止Backspace键

    就会跳转到上一个页面,效果就像点击了浏览器的后退按钮返回前一个页面一样,而在火狐和google下没有这样的问题出现,为了解决这个问题,写了一个如下的处理方法,如果文本框是只读的,那么就禁用Backspace键。...

    基于jquery开发的标签插件

    其中触发删除标签的事件有,1:点击某标签的“x”按钮,2:键盘Backspace退格键。最后,非常重要,以上触发添加标签/触发删除标签的事件都可以在js代码中配置,比如我想添加一个事件:输入逗号触发添加标签事件,那么...

    基于jquery开发的标签插件(v-1.0.1)

    其中触发删除标签的事件有,1:点击某标签的“x”按钮,2:键盘Backspace退格键。最后,非常重要,以上触发添加标签/触发删除标签的事件都可以在js代码中配置,比如我想添加一个事件:输入逗号触发添加标签事件,那么...

Global site tag (gtag.js) - Google Analytics