Question

我正在编写一个简单的网站，并且希望在用户按下键盘上的按钮时运行一些简单的javascript。只需运行alert("Hello!");或在用户按下Enter键时显示一个模式框即可。

搜索了好一阵子之后，我只能找到在页面包含输入文本字段的情况下有效的解决方案。没有它有可能吗？

Answer 1

是的，可以这样做，这是您的操作方式：

document.body.addEventListener("keydown", function(event) {
    if (event.keyCode == 13) {
        alert("Hello! You pressed the enter key!");
    }
});

Answer 2

是的，您实际上可以使用eventListener。例如，请查看此示例页面。

<html>
<body>
<script>
    document.addEventListener("keypress", function(event) {
        if (event.keyCode == 13) {
            alert('You just hit enter.');
        }else if(event.keyCode ==65){
          alert('You just press A.');
        }else if(event.keyCode==97){
          alert('You just hit a.');
        }else{
          alert('You press something other than A, a and ENTER key');
            }
    })
</script>
</body>
</html>

为了获得各种按键的按键代码，您可以使用以下代码：

<html>
<body>

<p>Press a key on the keyboard in the input field to get the KeyCode for that key.</p>

<input type="text" size="40" onkeypress="getKeyCode(event)">

<p id="keyCode"></p>

<script>

function getKeyCode(event) {
    var x = event.which || event.keyCode;
    document.getElementById("keyCode").innerHTML = "The keyCode is: " + x;
}
</script>

</body>
</html>

如何在没有输入字段的情况下在按键上运行javascript？

2 个答案: