`
xinyoulinglei
  • 浏览: 123628 次
社区版块
存档分类
最新评论

通过onkeypress和onkeydown事件禁用键盘中某些键

    博客分类:
  • java
阅读更多
http://zywang.iteye.com/blog/700263原文


<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>
分享到:
评论

相关推荐

    onkeypress和onkeydown以及onkeyup的区别

    onkeypress和onkeydown以及onkeyup的区别onkeypress和onkeydown以及onkeyup的区别onkeypress和onkeydown以及onkeyup的区别

    js onkeypress与onkeydown 事件区别详细说明

    onkeypress 和 onkeydown 是有区别,下面将讲解 onkeypress 与 onkeydown 事件的区别。 onkeypress 事件在用户按下并放开任何字母数字键时发生。但是系统按钮(例如:箭头键、功能键)无法得到识别。 onkeydown 事件...

    JavaScript onkeydown事件入门实例(键盘某个按键被按下)

    与 onkeypress 事件不同的是,onkeydown 事件是响应任意键按下的处理(包括功能键),onkeypress 事件只响应字符键按下后的处理。 提示 Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符,而 ...

    浅析OnKeyPress事件和OnKeyDownOnKeyUp事件

    浅析OnKeyPress事件和OnKeyDown、OnKeyUp事件

    JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)

    注意:onkeypress 事件与 onkeydown 事件有些细微差别,onkeypress 事件不做相应功能键按下的处理。具体可将下面的示例更改为 onkeydown 事件后,可输入 !@#$ 等特殊字符即可体会出二者之间的差别。 提示 Internet ...

    onkeyup,onkeydown和onkeypress的区别介绍

    三者在事件的响应上还有一点不同,就是onkeydown 、onkeypress事件响应的时候输入的字符并没有被系统接受,而响应onkeyup的时候,输入流已经被系统接受

    js 键盘事件 鼠标单击事件

    事件名称 说明 onkeypress 这个事件在用户按下并放开任何字母数字键时发生。系统按钮(例如,箭头键和功能键)无法得到识别。...onkeydown 这个事件在用户按下任何键盘键(包括系统按钮,如箭头键和功能键)时发生。

    浏览器事件大全.txt

    一般事件 ...onkeypress IE4、N4 当键盘上的某个键被按下并且释放时触发此事件. onkeydown IE4、N4 当键盘上某个按键被按下时触发此事件 onkeyup IE4、N4 当键盘上某个按键被按放开时触发此事件

    PHP100视频教程 50: Ajax+PHP检查用户名或邮件(三)

    onkeypress 事件会在键盘按键被按下并释放一个键时发生。onkeyup 事件会在键盘按键被松开时发生。onmousedown 事件会在鼠标按键被按下时发生。onmousemove 事件会在鼠标指针移动时发生。onmouseout 事件会在鼠标指针...

    Html事件列表

    onKeyPress HTML: 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] onKeyDown HTML: 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象] onKeyUp HTML: 当键盘上...

    javascript中键盘事件用法实例分析

    键盘事件包含onkeydown、onkeypress和onkeyup这三个事件 事件初始化 function keyDown(){} [removed] = keyDown; //论按下键盘上的哪个键,都将调用KeyDown()函数。 DOM标准下 function keyDown(e) { var ...

    js实现键盘控制图片的移动

    //取得键盘Code编号 } catch(a){ //对于Firefox来说,不支持event.keyCode key=KeyDown.arguments[0].keyCode; } switch(key) { case 40:...

    浅谈js键盘事件全面控制

    用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown、 onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件,依次是keydown,keypress,...

    事件高级用法及兼容写法

    键盘事件:onkeydown onkeyup onkeypress 键盘事件的属性: key 在IE中不支持 键名称 keyCode 键码 滚轮事件: Onwheel 标准浏览器和IE 对象.addEventListener(“DOMMouseScroll”,事件函数,false) 火狐 滚轮事件对...

    javascript onkeydown,onkeyup,onkeypress,onclick,ondblclick

    昨天群里面的朋友问了个比较有意思的问题,keydown,keyup,keypress事件的先后顺序。

    onmouse事件总结

    onKeyPress IE4|N4|O 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] onKeyDown IE4|N4|O 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象] onKeyUp IE4|N4|O 当...

    js事件总结

    onKeyPress IE4|N4|O 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] onKeyDown IE4|N4|O 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象] onKeyUp IE4|N4|O 当...

    文本框中,回车键触发事件的js代码[多浏览器兼容]

    判断是否按下的为回车非常简单: 代码如下: function EnterPress(){ if(event.keyCode == 13){ … } } IE6的onkeypress会接受”回车事件”,... 但是,到了FF下面,又会出现矛盾.FF是onkeypress和onkeydown都接受”回车事件

Global site tag (gtag.js) - Google Analytics