javascript中的几种键盘事件
墨初 Web前端 434阅读
在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 支持