Latest web development tutorials

×

JavaScript Reference

JavaScript

JS String JS Number JS Operators JS Statements JS Math JS Date JS Array JS Boolean JS RegExp JS Global JS Conversion

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Document DOM Elements DOM Attributes DOM Events DOM Style

HTML Objects

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Other Objects

CSSStyleDeclaration

onkeydown Event

Example

Execute a JavaScript when a user is pressing a key:

<input type="text" onkeydown="myFunction()">

Try it Yourself »

More "Try it Yourself" examples below.

Definition and Usage

The onkeydown event occurs when the user is pressing a key (on the keyboard).

Tip: The order of events related to the onkeydown event:

onkeydown
onkeypress
onkeyup

Browser Support

Event
onkeydown	Yes	Yes	Yes	Yes	Yes

Syntax

In HTML:

<element onkeydown="myScript">

Try it Yourself »

In JavaScript:

object.onkeydown=function(){myScript};

Try it Yourself »

In JavaScript, using the addEventListener() method:

object.addEventListener("keydown", myScript);

Try it Yourself »

Note: The addEventListener() method is not supported in Internet Explorer 8 and earlier versions.

Technical Details

Bubbles:	Yes
Cancelable:	Yes
Event type:	KeyboardEvent
Supported HTML tags:	All HTML elements, EXCEPT: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>
DOM Version:	Level 2 Events

More Examples

Example

Using "onkeydown" together with the "onkeyup" event:

<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">

Try it Yourself »