当前位置:

JS控制键盘录入 和 window.event.keycode对照

本文最后更新于2020-09-28,已超过 1年没有更新,如果文章内容、图片或者下载资源失效,请留言反馈,我会及时处理,谢谢!

温馨提示:本文共3490个字,读完预计9分钟。

一、只允许录入整数

 1.不允许录入非数字(按下字母键就会提示并清空)
  function intOnly() {
    if (!(window.event.keyCode >= 48 && window.event.keyCode <= 57
      ||window.event.keyCode==13 //回车符
    )) {
      window.event.keyCode = 0;
      alert("请输入整数数字!");
    }
  }


 2.和intOnly()区别:输入完成焦点离开后判断数字是否合法
  function intOnly2(param) {
    var reg=/^([0-9]*)$/;
    var flag = reg.test(param.value);
    if(!flag){
      alert("请输入整数数字!");
      param.value="";
    }
  }

 

二、只允许数字键录入小数和整数

 1、录入的同时进行判断
  function numberOnly() {
    if (!(((window.event.keyCode >= 48) && (window.event.keyCode <= 57)) || (window.event.keyCode == 13) || (window.event.keyCode == 46))) {
      window.event.keyCode = 0;
      alert("请输入数字!");
    }
  }
 2.和numberOnly()区别:输入完成焦点离开后判断数字是否合法
  function numberOnly2(param) {
    var reg=/^([0-9]+(\.?[0-9]+)?)$/;
    var flag = reg.test(param.value);
    if(!flag){
      if(param.value!=""){
        alert("请输入数字!");
        param.value="";
      }
    }
  }

 

三、控制键盘输入时只能输入数字和'-',用于输入负数

 1.录入的同时进行判断
  function fushuOnly() {
    if (!(((window.event.keyCode >= 48) && (window.event.keyCode <= 57)) || (window.event.keyCode == 13) || (window.event.keyCode == 46))) {
      window.event.keyCode = 0;
      alert("输入有误,请输入数字!");
    }
  }


 2.和phoneOnly()区别:输入完成焦点离开后判断数字是否合法
  function fushuOnly2(param) {
    var reg=/^-?([0-9]+(\.?[0-9]+)?)$/;
    var flag = reg.test(param.value);
    if(!flag){
      if(param.value!=""){
        alert("输入有误,请输入数字或者负数!");
        param.value="";
      }
    }
  }

四、控制键盘输入时只能输入数字和'-',用于限制电话号码的输入

 1.录入的同时进行判断
  function phoneOnly() {
    if (!(window.event.keyCode >= 48 && window.event.keyCode <= 57
      || window.event.keyCode == 45
      || window.event.keyCode == "\uff0d"
      ||window.event.keyCode==13 //回车符
    )) {
      alert("电话号码输入有误,请输入数字!");
      window.event.keyCode = 0;
    }
  }

 2.和phoneOnly()区别:输入完成焦点离开后判断数字是否合法
  function phoneOnly2(param) {
    var reg=/^([0-9]+(\-?[0-9]+)?)$/;
    var flag = reg.test(param.value);
    if(!flag){
      if(param.value!=""){
        alert("电话号码输入有误,请输入数字!");
        param.value="";
      }
    }
  }

 

五、检查<html:file><input type="file">中地址所指文件是否是图片类型

  function isImage(obj) {
    var str = obj.value;
    var temp = str.indexOf(".");
    if (temp > 0) {
      str = str.substring(temp + 1).toLowerCase();
      var myTypes = new Array("gif", "jpg", "jpeg", "png");
      for (i = 0; i < myTypes.length; i++) {
        if (str == myTypes[i]) {
          return;
        }
      }

      //请选择格式为gif,jpg,jpeg,png的图片
      alert("\u8bf7\u9009\u62e9\u683c\u5f0f\u4e3agif,jpg,jpeg,png\u7684\u56fe\u7247");
      obj.select();
    }
  }

 

来源:https://www.cnblogs.com/zhaoyhBlog/p/6255147.html

 

=======================================华丽的分割线===================================================

 window.event.keyCode 代码对照大全

  firefox2.0中不支持 window.event.keyCode,

    但是我们可以用event.which代替。但是为了使其能更具有普遍的兼容性,最好用event.keyCode|| event.which.

  Keycode对照表(转载自地址
字母和数字键的键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
A 65 J 74 S 83 1 49
B 66 K 75 T 84 2 50
C 67 L 76 U 85 3 51
D 68 M 77 V 86 4 52
E 69 N 78 W 87 5 53
F 70 O 79 X 88 6 54
G 71 P 80 Y 89 7 55
H 72 Q 81 Z 90 8 56
I 73 R 82 0 48 9 57

  

 

数字键盘上的键的键码值(keyCode) 功能键键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
0 96 8 104 F1 112 F7 118
1 97 9 105 F2 113 F8 119
2 98 * 106 F3 114 F9 120
3 99 + 107 F4 115 F10 121
4 100 Enter 108 F5 116 F11 122
5 101 109 F6 117 F12 123
6 102 . 110        
7 103 / 111        

  

 

控制键键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
BackSpace 8 Esc 27 Right Arrow 39 -_ 189
Tab 9 Spacebar 32 Dw Arrow 40 .> 190
Clear 12 Page Up 33 Insert 45 /? 191
Enter 13 Page Down 34 Delete 46 `~ 192
Shift 16 End 35 Num Lock 144 [{ 219
Control 17 Home 36 ;: 186 \| 220
Alt 18 Left Arrow 37 =+ 187 ]} 221
Cape Lock 20 Up Arrow 38 ,< 188 '" 222

 

多媒体键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
音量加 175            
音量减 174            
停止 179            
静音 173            
浏览器 172            
邮件 180            
搜索 170            
收藏 171  
 
 

本文链接:,转发请注明来源!
评论已关闭。