键盘事件详解-优快云博客

本文链接：https://blog.youkuaiyun.com/web_callBack/article/details/70160331

键盘中的onkeydown和onkeypress的区别

onkeydown 事件是响应任意键按下的处理（包括功能键），onkeypress 事件只响应字符键按下后的处理。

event.keyCode和event.which的区别

Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符，而 Netscape/Firefox/Opera 等浏览器使用 event.which。

通过onkeydown获取用户按下键盘后的信息

<html>
<body>
<script type="text/javascript">
function noNumbers(e)
{
    var keynum;
    var keychar;
    keynum = window.event ? e.keyCode : e.which;
    keychar = String.fromCharCode(keynum);
    alert(keynum+':'+keychar);
}
</script>
<input type="text" onkeydown="return noNumbers(event)" />
</body>
</html>

fromCharCode() 可接受一个指定的 Unicode 值，然后返回一个字符串。

通过JS来调用键盘事件

 <script type="text/javascript" language=JavaScript charset="UTF-8">
 2       document.onkeydown=function(event){
 3             var e = event || window.event || arguments.callee.caller.arguments[0];
 4             if(e && e.keyCode==13){ // 按 Enter 
 5                 //要做的事情
 6               }
 7             if(e && e.keyCode==113){ // 按 F2 
 8                  //要做的事情
 9                }            
10         }; 
11 </script>

键码对照表