Open In App
Related Articles

HTML DOM KeyboardEvent key Property

Improve Article
Save Article
Like Article

The keyboardEvent key property in HTML is used to return the value of the key pressed when a key event occurs. It returns a single-character or multi-character string depending on which key is pressed. It is a read-only property. 



Return Value: It returns a string that represents the key pressed.

  • It can return single character strings like “a”, “5”, “+”, etc.
  • It can return a multi-character string like “F5”, “Enter”, “HOME”, etc.

Example: In this example, we will see the use of keyboardEvent key property


    <title>DOM keyboardEvent key Property</title>
<body style="text-align: center;">
    <h1 style="color:green;">
        DOM keyboardEvent key Property
    </h2> Input:
    <input type="text" placeholder="Press any key..">
    <p id="p"></p>
        // Adding a event listener function
        window.addEventListener("keydown", function (event) {
            let key = "key = '" +
                event.key + "'";
            // Creating a span element
            let element = document.createElement("span");
            element.innerHTML = key + "<br/>";
            // Appending the created element to paragraph
        }, true);



 Supported Browsers: The browser supported by keyboardEvent key property are listed below:

  • Apple Safari 10.1
  • Google Chrome 51.0
  • Edge 12.0
  • Firefox 23.0
  • Opera 38.0
  • Internet Explorer 9.0
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!

Last Updated : 13 Jun, 2023
Like Article
Save Article
Similar Reads
Related Tutorials