前端-JS的键盘事件

在上一篇博客中有分享了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>

这是一个简单的代码示例,感兴趣的小伙伴可以复制到编译器当中运行看具体的效果。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容