屏蔽浏览器默认事件 之 只能输入数字框的文本框 

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>只能输入数字的输入框</title>
</head>
<body>

<input type="text" id="txt1"/>
<script>
    window.onload = function(){
        var oTxt = document.getElementById("txt1");

        oTxt.onkeydown = function(ev){
            var oEvent = ev||event;

            /*
                if(oEvent.keyCode<48||oEvent.keyCode>57){
                    return false;//除了数字之外的全都屏蔽
                }
                 其实应该调整为左右键和删除键能发挥作用
                alert(oEvent.keyCode);
                小键盘96-105是0~9 .是110
                大键盘的.是190
                主键盘0-9是48-57
            */
            if((oEvent.keyCode!=8&&oEvent.keyCode!=39&&oEvent.keyCode!=37)&&(oEvent.keyCode<48||oEvent.keyCode>57)){
                return false;//除了数字，左右移动，删除键的全都屏蔽
            }

        }
    }
</script>
</body>
</html>

 

posted @ 2016-03-29 17:12  雨落知音  阅读(179)  评论(0)  编辑  收藏  举报