输入框过滤非数字的js代码

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了输入框过滤非数字的js代码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1927字，纯文字阅读大概需要3分钟。

内容图文

HTML：
代码如下:
<input type="text" id="only"/>

JS：

window.onload=function(e){
var text=document.getElementById("only"),pattern=/\d/,//pattern匹配字母上的数字键
pattern2=/(9[6-9])|(10[0-5])|3(7|9)/,//pattern2匹配小键盘上的数字键和左右方向键
EventHandle={},event=e||window.event;//一个处理事件的对象

　　　　　　//当网页加载的时候，进行判断，对事件处理对象进行定义属性，这样对事件对象的方法只需要进行一次判断，以后的其他事件
　　　　　　//处理程序里面不需要判断
if(event.preventDefault){
EventHandle.preventDefault=function(e){
e.preventDefault();
};
}else{
EventHandle.preventDefault=function(e){
e.returnValue=false;
}
}
text.onkeydown=function(e){
var event=e||window.event;//不同事件的事件对象不一样，这个event和最前面的event不相等
if(!pattern.test(String.fromCharCode(event.keyCode))&&event.keyCode!=8//keyCode=8是退格键，因为可以对输入的数字进行修改，所以退格和左右方向键不禁止
&&!pattern2.test(event.keyCode.toString())||event.shiftKey||
event.ctrlKey||event.metaKey){
EventHandle.preventDefault(event);//如果不用对象的这个方法，写成下面这样,也可以执行，不过每次按下键盘的时候都会进行一次判断
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//这个是没有必要的,所以在页面加载的时候对事件处理对象定义一个方法，加载后对象的方法就已经是确定的了，以后时候就可以了

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//if(event.preventDefault){
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//event.preventDefault();
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//}else{
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//event.returnValue=false;
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//}
}
}
}

未注释版本：

window.onload=function(e){
var text=document.getElementById("only"),pattern=/\d/,
pattern2=/(9[6-9])|(10[0-5])|3(7|9)/,
EventHandle={},event=e||window.event;
if(event.preventDefault){
EventHandle.preventDefault=function(e){
e.preventDefault();
};
}else{
EventHandle.preventDefault=function(e){
e.returnValue=false;
}
}
text.onkeydown=function(e){
var event=e||window.event;
if(!pattern.test(String.fromCharCode(event.keyCode))&&event.keyCode!=8
&&!pattern2.test(event.keyCode.toString())||event.shiftKey||
event.ctrlKey||event.metaKey){
EventHandle.preventDefault(event);
}
}
}

在IE11里面，F12打开开发者工具里面可以选择IE版本进行调试

内容总结

以上是互联网集市为您收集整理的输入框过滤非数字的js代码全部内容，希望文章能够帮你解决输入框过滤非数字的js代码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端