javascript禁制后退键(Backspace)实例代码

 更新时间:2013年11月15日 14:56:45   作者:   我要评论
这篇文章介绍了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.readOnly; 
                var vDisabled = obj.disabled; 
                //处理undefined值情况 
                vReadOnly = (vReadOnly == undefined) ? false : vReadOnly; 
                vDisabled = (vDisabled == undefined) ? true : vDisabled; 
                //当敲Backspace键时,事件源类型为密码或单行、多行文本的, 
                //并且readOnly属性为true或disabled属性为true的,则退格键失效 
                var flag1 = ev.keyCode == 8 && (t == "password" || t == "text" || t == "textarea") && (vReadOnly == true || vDisabled == true); 
                //当敲Backspace键时,事件源类型非密码或单行、多行文本的,则退格键失效 
                var flag2 = ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea"; 
                //判断 
                if (flag2 || flag1) return false 

            } 
            //禁止退格键 作用于Firefox、Opera 
            document.onkeypress = banBackSpace; 
            //禁止退格键 作用于IE、Chrome 
            document.onkeydown = banBackSpace; 

相关文章

  • JavaScript Date对象使用总结

    JavaScript Date对象使用总结

    js 日期对象的一些方法总结
    2009-05-05
  • 深入理解Javascript里的依赖注入

    深入理解Javascript里的依赖注入

    我喜欢引用这句话,“程序是对复杂性的管理”。计算机世界是一个巨大的抽象建筑群。我们简单的包装一些东西然后发布新工具,周而复始。现在思考下,你所使用的语言包括的一些内建的抽象函数或是低级操作符。这在JavaScript里是一样的
    2014-03-03
  • Bootstrap源码解读排版(1)

    Bootstrap源码解读排版(1)

    这篇文章主要源码解读了Bootstrap排版,介绍了Bootstrap排版的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 浅谈原生JS中的延迟脚本和异步脚本

    浅谈原生JS中的延迟脚本和异步脚本

    下面小编就为大家带来一篇浅谈原生JS中的延迟脚本和异步脚本。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • H5实现中奖记录逐行滚动切换效果

    H5实现中奖记录逐行滚动切换效果

    这篇文章主要为大家详细介绍了H5实现中奖记录逐行滚动切换效果,利用定时器实现中奖记录逐行展示,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • JavaScipt中栈的实现方法

    JavaScipt中栈的实现方法

    这篇文章主要介绍了JavaScript数据结构与算法之栈详解,本文讲解了对栈的操作、对栈的实现实例等内容,需要的朋友可以参考下
    2016-02-02
  • JavaScript中的值类型详细介绍

    JavaScript中的值类型详细介绍

    这篇文章主要介绍了JavaScript中的值类型详细介绍,本文讲解了Primitive、Object、JS自带全局对象、Immutable与Mutable等内容,需要的朋友可以参考下
    2014-12-12
  • JavaScript的各种常见函数定义方法

    JavaScript的各种常见函数定义方法

    这篇文章主要介绍了JavaScript的各种常见函数定义方法,包含了一些技巧的测试与分析总结,需要的朋友可以参考下
    2014-09-09
  • Javascript 多浏览器兼容总结(实战经验)

    Javascript 多浏览器兼容总结(实战经验)

    多浏览器兼容一直都是前端备受关注的问题,本文整理了一些实战的经验,个人感觉还不错,需要的朋友可以参考下
    2013-10-10
  • 如何用JS/HTML将时间戳转换为“xx天前”的形式

    如何用JS/HTML将时间戳转换为“xx天前”的形式

    如果我们有一份过去时间戳,如何使用JS/HTML将时间戳转换为“xx天前”的形式呢?很多朋友都觉得解决办法有点困难,其实很简单的,下面小编给大家分享完整的实现代码,一起看看吧
    2017-02-02

最新评论