前端笔记67——键盘事件

最新推荐文章于 2024-04-23 21:21:46 发布

野生杂学家阿博

最新推荐文章于 2024-04-23 21:21:46 发布

阅读量415

点赞数

分类专栏：前端文章标签：前端 JavaScript 键盘事件

本文链接：https://blog.csdn.net/chengxu_kuangrexintu/article/details/86683585

版权

前端专栏收录该内容

93 篇文章 1 订阅

订阅专栏

前言

在上一篇博客中有分享到鼠标有关的事件。PC端操作中有鼠标当然就少不了键盘有关的事件，下面分享JavaScript关于键盘的事件操作。

键盘事件

简单理解，和键盘有关的事件。

事件名称和触发场景

事件名称               事件的触发场景

onkeydown             当键盘按下的时候触发
onkeyup               当键盘抬起的时候触发

举个例子

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			document.onkeydown = function(){
				console.log("键盘按下了")
			}
			document.onkeyup = function(ev){
				// event:表示的是事件对象，当事件发生的时候，用来记录事件相关信息
				// event:可以理解为行车记录仪或者飞机上的黑匣子
				// keyCode记录了当前按下的是哪个键，其实就是键盘码
				console.log(ev.keyCode)
				// 13表示我按下的是回车键
				if(ev.keyCode === 13){
					alert("马上执行搜索")
				}
			}
		</script>
	</body>
</html>

野生杂学家阿博

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端笔记67——键盘事件

前言在上一篇博客中有分享到鼠标有关的事件。PC端操作中有鼠标当然就少不了键盘有关的事件，下面分享JavaScript关于键盘的事件操作。键盘事件简单理解，和键盘有关的事件。事件名称和触发场景事件名称事件的触发场景onkeydown 当键盘按下的时候触发onkeyup 当键盘抬起的时候触发举个例子...
复制链接

扫一扫