JS捕捉回车键和ESC

最新推荐文章于 2022-06-06 22:37:16 发布

小白白成长记

最新推荐文章于 2022-06-06 22:37:16 发布

阅读量916

点赞数

分类专栏： HTML 文章标签： javascript js

本文链接：https://blog.youkuaiyun.com/weixin_53126056/article/details/111406298

版权

HTML 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了如何使用JavaScript来捕捉并响应用户的回车键和ESC键事件，详细阐述了如何绑定事件监听器以及在不同场景下处理这两种关键操作的方法，帮助开发者提升网页交互体验。

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

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			window.onload = function(x){
				//给id节点绑定keydown事件
				document.getElementById("name").onkeydown=function(y){
					//捕捉键值，如果按回车则登录
					//keyCode是键盘事件对象的属性
					//回车键值为13，ECS为27
					if(y.keyCode == 13){
						console.log("登录")
					}else if(y.keyCode == 27){
						console.log("退出")
					}
				}
			}
		</script>
		
		用户名：<input type="text"	id="name" />
	</body>
</html>