onkeydown事件

最新推荐文章于 2021-08-18 10:06:52 发布

原创最新推荐文章于 2021-08-18 10:06:52 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #onkeydown #keycode #script #ViewUI

本文展示如何使用JavaScript监听键盘事件，并根据不同按键触发相应的操作，通过实例演示了如何在文本框中实现特定功能。

键盘上某个按键被按下触发的事件。
例子：
测试的是当在test文本框按下键盘任何一按钮触发onkeydown函数。
event.keyCode获得键盘上按下按钮的键值。
获得焦点所在表单的ID。


<script language="javascript" type="text/javascript">
	document.onkeydown = function doKeyDown() {
		var eventCode = event.keyCode;
		if (document.activeElement.id == "test") {
			if (eventCode == 8 || eventCode == 46) {
				alert("按下了键盘的后退或者删除。");
			} else if (eventCode == 32) {
				alert("按下了键盘的回车键。");
			} else {
				alert("按下了其它按键。");
			}
		}
	}
</script>
<input type="text" name="test" id="test" style="width: 120px;" />
<input type="text" name="test1" id="test1" style="width: 120px;" />