JavaScript 如何检测按键

在本文章中，使用HTML和CSS进行键盘检测。 HTML 代表“超文本标记语言”。HTML语言帮助开发人员创建和设计网页元素，如链接、段落、标题和引用块等。 CSS 代表“层叠样式表”。层叠样式表用于设计网页布局。样式被定义为给表格、尺寸和文字添加样式。 JavaScript 是一种在客户端和服务器端使用的脚本编程语言，它使网页能够相互交流和通信。上述所有技术都用于实现按键检测。可以使用类似 Atom 或 Sublime Text 的程序编辑应用程序来编译程序。

示例： 在此示例中，我们将创建一个程序来使用Javascript检测按键。

<html>  
<head>  
    <link rel="stylesheet" type="text/css"
    href="main.css">  
    <script type="text/javascript" src="main.js">  
    </script>  
</head>  
<body>  
    <div id="demo"></div>  
</body>  
</html>

CSS代码

body{ 
    font-family: monospace, arial; 
    font-size: 38px; 
    text-align: center; 
}

Javascript代码

window.onload = function(){  
    var demo = document.getElementById('demo');  
    var value = 0;  
    var space_bar = 32;  
    var right_arrow = 39;  
  
    window.onkeydown= function(gfg){  
        if(gfg.keyCode === space_bar){  
            value++;  
            demo.innerHTML = value;  
        };  
        if(gfg.keyCode === right_arrow)  
    {  
        alert("Welcome to GeeksForGeeks!");  
    };  
    };  
};

这里，