1. Home

onkeydown Event

Execute a JavaScript when a user is pressing a key

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

    In JavaScript:

    object.onkeydown = function(){myScript};

    In JavaScript, using the addEventListener() method:

    object.addEventListener("keydown", myScript);
    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()">

    Categories

    HTML CSS3 Bootstrap Foundation Sass JavaScript TypeScript JQuery AngularJS React NodeJS Highcharts PHP Python Python3 Django Linux Docker Ruby Java C C ++ Perl Servlet JSP Lua Scala Go ASP C # SQL MySQL SQLite MongoDB Redis Android Swift ionic Kotlin XML tutorial

    Contact US