js捕捉键盘事件和按键键值的方法

 更新时间:2016年10月10日 09:02:39   投稿:jingxian  
下面小编就为大家带来一篇js捕捉键盘事件和按键键值的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

如下所示:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript" type="text/javascript">
function test(){
  alert('test');
}
function Hotkey(event, targetObj, ctrlKey, shiftKey, altKey, keycode){
  if (targetObj && event.ctrlKey == ctrlKey && event.shiftKey == shiftKey && event.altKey == altKey && event.keyCode == keycode)
    targetObj.click();
}
function fnKeyup(event){
  var b = document.getElementById("myButton");
  Hotkey(event, b, true, false, false, 13);
}
if (document.addEventListener){
  document.addEventListener("keyup",fnKeyup,true);
}else{
  document.attachEvent("onkeyup",fnKeyup);
}
</script>
<body>
<input type="button" id="myButton" name="Submit" value="按钮" onclick="test()" />
</body>
</html>

js键盘键值

keycode  8 = BackSpace BackSpace
keycode  9 = Tab Tab 
keycode  12 = Clear 
keycode  13 = Enter 
keycode  16 = Shift_L 
keycode  17 = Control_L 
keycode  18 = Alt_L 
keycode  19 = Pause 
keycode  20 = Caps_Lock 
keycode  27 = Escape Escape 
keycode  32 = space space 
keycode  33 = Prior 
keycode  34 = Next 
keycode  35 = End 
keycode  36 = Home 
keycode  37 = Left 
keycode  38 = Up 
keycode  39 = Right 
keycode  40 = Down 
keycode  41 = Select 
keycode  42 = Print 
keycode  43 = Execute 
keycode  45 = Insert 
keycode  46 = Delete 
keycode  47 = Help 
keycode  48 = 0 equal braceright 
keycode  49 = 1 exclam onesuperior 
keycode  50 = 2 quotedbl twosuperior 
keycode  51 = 3 section threesuperior 
keycode  52 = 4 dollar 
keycode  53 = 5 percent 
keycode  54 = 6 ampersand 
keycode  55 = 7 slash braceleft 
keycode  56 = 8 parenleft bracketleft 
keycode  57 = 9 parenright bracketright 
keycode  65 = a A 
keycode  66 = b B 
keycode  67 = c C 
keycode  68 = d D 
keycode  69 = e E EuroSign 
keycode  70 = f F 
keycode  71 = g G 
keycode  72 = h H 
keycode  73 = i I 
keycode  74 = j J 
keycode  75 = k K 
keycode  76 = l L 
keycode  77 = m M mu 
keycode  78 = n N 
keycode  79 = o O 
keycode  80 = p P 
keycode  81 = q Q at 
keycode  82 = r R 
keycode  83 = s S 
keycode  84 = t T 
keycode  85 = u U 
keycode  86 = v V 
keycode  87 = w W 
keycode  88 = x X 
keycode  89 = y Y 
keycode  90 = z Z 
keycode  96 = KP_0 KP_0 
keycode  97 = KP_1 KP_1 
keycode  98 = KP_2 KP_2 
keycode  99 = KP_3 KP_3 
keycode 100 = KP_4 KP_4 
keycode 101 = KP_5 KP_5 
keycode 102 = KP_6 KP_6 
keycode 103 = KP_7 KP_7 
keycode 104 = KP_8 KP_8 
keycode 105 = KP_9 KP_9 
keycode 106 = KP_Multiply KP_Multiply 
keycode 107 = KP_Add KP_Add 
keycode 108 = KP_Separator KP_Separator 
keycode 109 = KP_Subtract KP_Subtract 
keycode 110 = KP_Decimal KP_Decimal 
keycode 111 = KP_Divide KP_Divide 
keycode 112 = F1 
keycode 113 = F2 
keycode 114 = F3 
keycode 115 = F4 
keycode 116 = F5 
keycode 117 = F6 
keycode 118 = F7 
keycode 119 = F8 
keycode 120 = F9 
keycode 121 = F10 
keycode 122 = F11 
keycode 123 = F12 
keycode 124 = F13 
keycode 125 = F14 
keycode 126 = F15 
keycode 127 = F16 
keycode 128 = F17 
keycode 129 = F18 
keycode 130 = F19 
keycode 131 = F20 
keycode 132 = F21 
keycode 133 = F22 
keycode 134 = F23 
keycode 135 = F24 
keycode 136 = Num_Lock 
keycode 137 = Scroll_Lock 
keycode 187 = acute grave 
keycode 188 = comma semicolon 
keycode 189 = minus underscore 
keycode 190 = period colon 
keycode 192 = numbersign apostrophe 
keycode 210 = plusminus hyphen macron 
keycode 211 = 
keycode 212 = copyright registered 
keycode 213 = guillemotleft guillemotright 
keycode 214 = masculine ordfeminine 
keycode 215 = ae AE 
keycode 216 = cent yen 
keycode 217 = questiondown exclamdown 
keycode 218 = onequarter onehalf threequarters 
keycode 220 = less greater bar 
keycode 221 = plus asterisk asciitilde 
keycode 227 = multiply division 
keycode 228 = acircumflex Acircumflex 
keycode 229 = ecircumflex Ecircumflex 
keycode 230 = icircumflex Icircumflex 
keycode 231 = ocircumflex Ocircumflex 
keycode 232 = ucircumflex Ucircumflex 
keycode 233 = ntilde Ntilde 
keycode 234 = yacute Yacute 
keycode 235 = oslash Ooblique 
keycode 236 = aring Aring 
keycode 237 = ccedilla Ccedilla 
keycode 238 = thorn THORN 
keycode 239 = eth ETH 
keycode 240 = diaeresis cedilla currency 
keycode 241 = agrave Agrave atilde Atilde 
keycode 242 = egrave Egrave 
keycode 243 = igrave Igrave 
keycode 244 = ograve Ograve otilde Otilde 
keycode 245 = ugrave Ugrave 
keycode 246 = adiaeresis Adiaeresis 
keycode 247 = ediaeresis Ediaeresis 
keycode 248 = idiaeresis Idiaeresis 
keycode 249 = odiaeresis Odiaeresis 
keycode 250 = udiaeresis Udiaeresis 
keycode 251 = ssharp question backslash 
keycode 252 = asciicircum degree 
keycode 253 = 3 sterling 
keycode 254 = Mode_switch
document.onkeydown = keydown;
function keydown(){
 var keycode = event.keyCode;
 if(keycode == 13) {
 alert("test");
 }
}

<body onload="JavaScript:document.getElementById('textfield2').focus();">

以上就是小编为大家带来的js捕捉键盘事件和按键键值的方法全部内容了,希望大家多多支持脚本之家~

相关文章

  • Javascript基于对象三大特性(封装性、继承性、多态性)

    Javascript基于对象三大特性(封装性、继承性、多态性)

    这篇文章主要介绍了Javascript基于对象三大特性,包括封装性、继承性、多态性,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 使用D3.js制作图表详解

    使用D3.js制作图表详解

    D3是目前最流行的JavaScript可视化图表库之一,D3的图表类型非常丰富,并且支持SVG格式,因此应用十分广泛,也有很多图表插件基于D3开发,比如MetricsGraphics.js,在D3上构建的数据图表非常强大。
    2017-08-08
  • JavaScript实现动态表单生成

    JavaScript实现动态表单生成

    这篇文章主要来和大家一起深入探讨如何使用JavaScript实现一个动态表单生成器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下
    2024-01-01
  • Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法

    Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法

    这篇文章介绍了Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法,有需要的朋友可以参考一下
    2013-08-08
  • JavaScript sleep睡眠函数的使用

    JavaScript sleep睡眠函数的使用

    JavaScript是单线程运行的,没有内置的sleep函数,那么JavaScript sleep睡眠函数是怎样实现的,感兴趣的小伙伴们可以参考一下
    2021-07-07
  • 很酷的星级评分系统原生JS实现

    很酷的星级评分系统原生JS实现

    这篇文章主要weidajiaxiangxi介绍了很酷的星级评分系统原生JS实现,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • JS获取input[file]的值并显示在页面的实现方法

    JS获取input[file]的值并显示在页面的实现方法

    下面小编就为大家分享一篇JS获取input[file]的值并显示在页面的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • JavaScript简单生成 N~M 之间随机数的方法

    JavaScript简单生成 N~M 之间随机数的方法

    这篇文章主要介绍了JavaScript简单生成 N~M 之间随机数的方法,结合自定义函数分析了JS生成固定区间内随机数的相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2017-01-01
  • TypeScript中的类型断言和非空断言的使用方法

    TypeScript中的类型断言和非空断言的使用方法

    类型断言是一种方式,可以手动指定变量的类型,非空断言是一种类型断言的特殊形式,这篇文章主要给大家介绍TypeScript 中的类型断言和非空断言的使用方法,需要的朋友可以参考下
    2023-07-07
  • js中try catch使用遇到的问题

    js中try catch使用遇到的问题

    大家应该都知道try…catch的作用是测试代码中的错误,下面这篇文章主要给大家介绍了关于js中try catch使用遇到的问题,文中将问题的解决办法介绍的非常详细,需要的朋友可以参考下
    2023-06-06

最新评论