admin管理员组

文章数量:1343909

I'm writing a simple web site and would like to run some simple javascript when the user presses a button on their keyboard. Something as simple as running alert("Hello!"); or showing a modal box when the user presses enter would do.

After searching for a good while, I've only been able to find solutions that work if the page contains an input text field. Is it possible without it?

I'm writing a simple web site and would like to run some simple javascript when the user presses a button on their keyboard. Something as simple as running alert("Hello!"); or showing a modal box when the user presses enter would do.

After searching for a good while, I've only been able to find solutions that work if the page contains an input text field. Is it possible without it?

  • javascript
  • html
  • css
Share Improve this question edited Dec 30, 2018 at 5:09 Jack Bashford 44.2k11 gold badges55 silver badges82 bronze badges asked Nov 1, 2018 at 1:13 bjarkemoenstedbjarkemoensted 2,7763 gold badges30 silver badges40 bronze badges
Add a ment  | 

2 Answers 2

Reset to default 8

Yes, it is possible to do so, and here's how you'd do it:

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

Yes, you can actually use eventListener for this. For example, check out this sample page.

<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>

In order to get the keycode for the various keypress you can use this:

<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>

本文标签： htmlHow to run javascript on keypress without an input fieldStack Overflow

版权声明：本文标题：html - How to run javascript on keypress without an input field? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743736832a2530162.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。