How to trigger onkeydown event on HTML document

Question

I want to trigger the onkeydown event on the html page to do some actions. I have the following code:

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

Is it possible to trigger this event on whole page or is it limited to only editable html elements?

possible duplicate of [Trigger a keypress/keydown/keyup event in JS/jQuery?](http://stackoverflow.com/questions/3368578/trigger-a-keypress-keydown-keyup-event-in-js-jquery) — Suraj Chandran, Nov 26 '11 at 06:50
To initiate a event using pure JavaScript, have a look at http://stackoverflow.com/q/7914742/938089 — Rob W, Nov 26 '11 at 15:02

score 1 · Answer 1 · answered Nov 26 '11 at 06:51

1

You can just call

document.onkeydown();

answered Nov 26 '11 at 06:51

Krzysztof

15,900
2
46
76

Note that this only works if the event was added by setting `document.onkeydown = ` directly. If you used addEventListener things are different – hugomg Nov 26 '11 at 14:47

score 0 · Answer 2 · answered Nov 26 '11 at 06:57

You can trigger event on body tag

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