javascript 键盘事件

最新推荐文章于 2022-08-21 21:55:02 发布

qq_43286252

最新推荐文章于 2022-08-21 21:55:02 发布

阅读量309

点赞数

分类专栏： javascript基础

本文链接：https://blog.csdn.net/qq_43286252/article/details/103470331

版权

本文介绍了如何利用JavaScript监听键盘事件，特别是ESC键，实现点击按钮显示盒子，并通过ESC键关闭盒子的功能。

摘要由CSDN通过智能技术生成

键盘事件

触发键盘事件 onkeydown 释放键盘事件 onkeyup 对键盘的每个键进行解码 keyCode

代码演示一个小例子：

实现的功能： 1：单击 btn 按钮,出现一个盒子。

2：按一下键盘的 esc键，删除这个盒子。

    <style>
			#div1 {
				width: 300px;
				height: 300px;
				background: #008000;
			}
	</style>
	</head>
	<script>
				onkeydown = function(){
				alert("键盘事件被触发了");
				}

			onkeyup = function(){
					alert("键盘被释放了");
				}

				document.onkeydown = function(e){