JavaScript实现文本框仅允许输入数字的封装方法

作者:青柠时间:2026-10-30 18:00:35浏览:162

本文提供了一段JavaScript源码,通过封装getEvent函数处理浏览器兼容性问题,并结合事件监听逻辑限制文本框仅能输入数字。代码涵盖了IE及标准浏览器的Event对象获取方式,并对按键编码进行了范围判断,适合需要限制用户输入格式的场景参考使用。

JavaScript限制文本框输入数字的实现方案

以下内容直接提供相关源码,供读者参考借鉴。

该功能已进行封装处理,实际使用时直接调用getEvent函数即可。


function getEvent() {
 if (document.all) {
  return window.event; //for ie
 }
 func = getEvent.caller;
 while (func != null) {
  var arg0 = func.arguments[0];
  if (arg0) {
  if ((arg0.constructor == Event || arg0.constructor == MouseEvent) || (typeof (arg0) == "object" && arg0.preventDefault && arg0.stopPropagation)) {
     return arg0;
   }
  }
  func = func.caller;
 }
 return null;
 };
 
 function doit(){
  var ev = getEvent();
  if(ev.keyCode < 8) {return false;}
  else if(ev.keyCode > 8 && ev.keyCode < 48) {return false;}
  else if(ev.keyCode > 57 && ev.keyCode <96) {return false;}
  else if(ev.keyCode > 105) {return false;}
  else {return true;}
 };

以上内容为本文的全部介绍,希望能对读者有所帮助,同时也感谢大家的支持。

作者最新文章