如何在 HTML 文档上触发 onkeydown 事件答案

【问题标题】：How to trigger onkeydown event on HTML document如何在 HTML 文档上触发 onkeydown 事件
【发布时间】：2011-11-26 06:47:24
【问题描述】：

我想在html页面上触发onkeydown事件来做一些动作。我有以下代码：

document.onkeydown = function(){
    alert('dd');
};

是否可以在整个页面上触发此事件，还是仅限于可编辑的 html 元素？

【问题讨论】：

Trigger a keypress/keydown/keyup event in JS/jQuery?的可能重复
@Suraj 如果您使用 jquery，那么您可以轻松做到......
@Suraj：不是每个人都使用、可以使用或想要使用 jQuery
要使用纯 JavaScript 发起事件，请查看stackoverflow.com/q/7914742/938089

标签： javascript html key-events

【解决方案1】：

你可以打电话

document.onkeydown();

【讨论】：

请注意，这仅在通过直接设置document.onkeydown = 添加事件时才有效。如果你使用了 addEventListener 事情就不一样了

【解决方案2】：

你可以在body标签上触发事件

    <html>
        <head>
        <script type="text/javascript" language="JavaScript">

        function changeVal() {
          alert('d');
        } 

        </script>
        </head>

        <body onKeyDown="changeVal();">
        <form action="" method="POST" id="myForm">

        </form>
        </body>
  </html>

【讨论】：

【解决方案3】：

在页面上：https://developer.mozilla.org/en/DOM/window.onkeydown

在一个元素上：https://developer.mozilla.org/en/DOM/element.onkeydown

确定按下了哪个键：https://developer.mozilla.org/en/DOM/event.which

【讨论】：