Skip to content
Related Articles

Related Articles

HTML | DOM keyboardEvent charCode Property

View Discussion
Improve Article
Save Article
  • Last Updated : 06 Jul, 2022

The keyboardEvent charCode property in HTML is used to return the unicode value of a character key pressed during a keypress event. It is a read-only property. The unicode character denotes the number of a character(e.g. the unicode for “A” is 65). 

Syntax:

event.charCode

Note: This property has been DEPRECATED and is no longer recommended.

Return Value: It returns a number which represents the unicode number of the pressed character. 

Example: 

html




<html>
 
<head>
    <title>keyboardEvent charCode Property</title>
</head>
 
<body style="text-align: center;">
    <h1 style="color:green;">
            GeeksforGeeks
        </h1>
 
    <h2>
            keyboardEvent charCode Property
        </h2> Input:
    <input type="text" placeholder="Press any key..">
 
    <p id="p"></p>
 
    <script>
        // Adding a event listener function
        window.addEventListener("keypress", function(event) {
            var code = event.charCode;
 
            // Creating a span element
            var element = document.createElement("span");
 
            element.innerHTML = "Unicode value: " + code + "<br/>";
 
            // Appending span element to the paragraph
            document.getElementById("p").appendChild(element);
        }, true);
    </script>
</body>
 
</html>

Output:

  

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

  • Apple Safari
  • Google Chrome
  • Firefox
  • Opera
  • Internet Explorer 9.0
My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!