获取键盘编码及捕捉键盘事件优化

whylen

于 2015-11-27 09:42:13 发布

阅读量520

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端杂记

本文链接：https://blog.youkuaiyun.com/kobetmacone/article/details/50066385

web前端杂记专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用HTML与JavaScript结合的方式，通过onkeyup事件而非常用的onkeypress和onkeydown来捕获键盘输入。这种方法适用于多种浏览器环境，并能有效获取包括特殊键在内的所有按键的键盘编码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

分享一段简单的获取键盘编码的程序：

<!DOCTYPE html>
<html>
<head>
<script>
function whichButton(event)
{
alert(event.keyCode);
}
 
</script>
</head>
 
<body onkeyup="whichButton(event)">
<p><b>Note:</b> Make sure the right frame has focus when trying this example!</p>
<p>Press a key on your keyboard. An alert box will alert the keycode of the key.</p>
</body>
 
</html>

这段代码虽然短小，但是精悍！有木有发现它获取键盘敲击事件是用“onkeyup”来捕捉的，而不是我们一般常见的“onkeypress”和"onkeydown"！！如果捕捉“按压”，不同的浏览器还用了不同的事件，据我了解，Firefox、Opera用onkeypress、IE、Chrome用onkeydown，而且据网上说“Shift、Ctrl、Alt、F1、F2、...等按键是不会产生onKeyPress事件的”。所以以后我们来捕捉键盘事件，你懂得..