javascript中的几种键盘事件

在javascript中基本上有三种键盘事件（keydown，keypress以及keyup事件）下面73so博客的小编辑就针对这三种事件详细的说一下。

javascript中的键盘事件

js中的keydown事件：

此事件会在键盘上按下某个键时触发，如果不松开按钮，事件就会不停的触发，但在一些个别的浏览器中不支持这种连续的触发，该事件返回false时会取消默认的操作。

js中的keypress事件

此事件在按下某个键盘的按键并释放时触发，如果按键不松开，会一直触发事件。如果事件返回false则会取消默认的操作。

js中的keyup事件

此事件会在某个按键释放后触发，释放一次触发一次。

注：keydown 和 keypress 事件基本上是同义事件，它们的表现也完全一致，不过一些浏览器不允许使用 keypress 事件获取按键信息。

js键盘事件的示例：

例：

<!--选择INPUT元素按下按键即可-->
<input id="key" />
<script>
var key = document.getElementById("key");
key.onkeydown =f;  //注册keydown事件处理函数
key.onkeyup = f;  //注册keyup事件处理函数
key.onkeypress = f;  //注册keypress事件处理函数
function f (e) {
    var e = e || window.event;  //标准化事件处理
    var s = e.type + " " + e.keyCode;  //获取键盘事件类型和按下的值
    key.value = s;
}
</script>

补充内容：

keyCode：该属性包含键盘中对应键位的键值

charCode：该属性包含键盘中对应键位的 Unicode 编码，仅 DOM 支持

target：发生事件的节点（包含元素），仅 DOM 支持

srcElement：发生事件的元素，仅 IE 支持

shiftKey：是否按下 Shift 键，如果按下返回 true，否则为false

ctrlKey：是否按下 Ctrl 键，如果按下返回 true，否则为false

altKey：是否按下 Alt 键，如果按下返回 true，否则为false

metaKey：是否按下 Mtea 键，如果按下返回 true，否则为false，仅 DOM 支持