码迷,mamicode.com
首页 > 其他好文 > 详细

Event.keyCode控制input只能输入数字

时间:2014-07-29 15:29:59      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:event.keycode

<script>

    function onlyNum()

    {

    if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))

        {

        if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))

            {

            event.returnValue=false;

            }

        }

    }


</script>

<input onkeydown="onlyNum()"/>

设定当keydown这个时间发生时,Event发生的事件这个对象,keyCode是Event对象的一个属性,该属性指明了被敲击的键生成的Unicode字符码

上面的方法解析:

回车:8  Delete:46  方向键左:37 方向键右:39  

大键盘上方 0-9 : 48-57 小键盘数字键0-9 : 96-105

上面方法的逻辑是:如果不是 ← → backspace delete 就会做判断 输入的是不是数字,不是数字的话就把Event对象的returnValue属性设为false,表示取消事件的源元素的默认动作。

Event.keyCode控制input只能输入数字,布布扣,bubuko.com

Event.keyCode控制input只能输入数字

标签:event.keycode

原文地址:http://18818053618.blog.51cto.com/8354811/1532066

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!