在上一篇博客中有分享了JS的鼠标事件
。在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>
这是一个简单的代码示例,感兴趣的小伙伴可以复制到编译器当中运行看具体的效果。