`

关于屏蔽backspace键的解决方法(ie中)

 
阅读更多

主页面的body里加了这个事件 <body onkeydown="backspace();">
backspace 这个方法我加在了common.js里,
// 屏蔽backspace键
function backspace(){
    if(event.keyCode!=8){
         event.returnValue=true;
         return;
    }else{
        event.returnValue=false;
        return;
    }
}
在存在输入框、文本域的页面里绑定了这个事件
$(document).ready(function () {
        // 不屏蔽backspace
        $("input[type='text'][readonly!='readonly']").bind('keydown',function(){
            if(event.keyCode==8){
                event.keyCode=27;
              }
        });
       
        // 文本域时
        $("textarea").bind('keydown',function(){
              if(event.keyCode==8){
                  event.keyCode=27;
                }
        });
       
        // 密码时
        $("input[type='password']").bind('keydown',function(){
                    if(event.keyCode==8){
                        event.keyCode=27;
                      }
        });
});

另外测试发现:输入框绑定事件时,先执行js里面写的方法function,后执行用jquery里bind绑定的事件

分享到:
评论
2 楼 576017120 2012-02-13  
经同事的提醒,对代码进行了完善,只需要改一下公用的js就可以了,其他的不用做任何修改,这就是想要的效果。
思路:js在主页面全部加载,给body绑定全局的屏蔽事件,因为我这个里面重新加载页面都是通过jquery的load方法进行的,所以在方法的callback里面对不需要屏蔽的对象(input、password、textarea等)绑定不屏蔽事件(捕获到按的backapce键的时候,将键值给改成其他的)。
//屏蔽backspace键
$(document).ready(function () {

$("body").bind('keydown',function(){
if(event.keyCode!=8){
     event.returnValue=true;
     return;
    }else{
    event.returnValue=false;
    return;
    }
    });

});

// text、textera、password时,不屏蔽backspace键
function canBackspace(){
// text时
$("input[type='text'][readonly!='readonly']").bind('keydown',function(){
if(event.keyCode==8){
event.keyCode=27;
}
});

// 文本域时
$("textarea").bind('keydown',function(){
  if(event.keyCode==8){
  event.keyCode=27;
  }
    });

// 密码时
$("input[type='password']").bind('keydown',function(){
if(event.keyCode==8){
    event.keyCode=27;
}
});
}
1 楼 576017120 2012-02-13  
这种方法,我感觉改动量还是比较小的,你还有什么更简单的方法吗?

相关推荐

    JavaScript屏蔽Backspace键的实现代码

    在本文中,我们将深入探讨如何使用JavaScript来屏蔽Backspace键,特别是在遇到特定场景,如只读文本框时,防止用户误操作导致页面回退。Backspace键在大多数情况下用于删除文本,但在某些情况下,尤其是当用户焦点在...

    web 屏蔽BackSpace键实例代码

    为了解决这个问题,我们可以编写JavaScript代码来屏蔽Backspace键的行为。以下是一个具体的实例代码,它展示了如何实现这一功能。 首先,我们需要一个函数来处理键盘事件,禁止Backspace键。在示例代码中,这个函数...

    js 实现 IE中屏蔽后退建(Back Space)

    js 实现 IE中屏蔽后退建(Back Space)! 值得下载看看!资源免费,大家分享!!

    屏蔽退格键后退网页功能

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

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

    在Web开发中,通常会遇到需要屏蔽浏览器默认行为的场景,比如在编辑文章的页面中屏蔽用户按退格键(Backspace)或F5刷新页面,以免造成正在编辑的内容丢失。尤其是退格键,它不仅会删除文本框中的字符,还会导致...

    js屏蔽页面回退功能

    屏蔽回退键 支持Firefox、Opera IE、Chrome

    屏蔽F1~F12的快捷键的js函数

    标题和描述提到的js函数主要的功能是屏蔽F1至F12的快捷键,以及回车键(Enter)和退格键(BackSpace)。具体来讲,当用户在网页中按下这些键时,浏览器不会触发其默认的快捷键行为,而是执行自定义的js代码。根据...

    KODExplorer 芒果云-资源管理器

    [关于兼容性] 建议使用chrome firefox ie9+ 体验更完整。ie8以下基本上不做兼容处理。chrome支持文件夹拖拽上传。 [文件打开] office文件在线预览功能,服务器必须在公网(外部能访问该服务器) [忘记密码] 修改data...

    基于jquery的禁用右键、文本选择功能、复制按键的实现代码

    此外,代码中还包含了其他一些键盘事件的禁用,如`F5`刷新、`F11`全屏、`Ctrl+N`新建窗口、`Shift+F10`打开上下文菜单以及退格键(`Backspace`)。这些都是通过检测不同的按键码或组合键来实现的。例如,禁用`F5`...

Global site tag (gtag.js) - Google Analytics