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

时间:2018-11-01 01:13:21

标签: javascript html css

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

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

2 个答案:

答案 0 :(得分:3)

是的,可以这样做,这是您的操作方式:

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

答案 1 :(得分: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>

相关问题