Skip to content
Related Articles

Related Articles

HTML | onkeypress Attribute

View Discussion
Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 18 Aug, 2022
View Discussion
Improve Article
Save Article

This attribute fires when a user presses a key on the Keyboard. This event attribute can not be used for all keys (e.g. ALT, CTRL, SHIFT, ESC) in all browsers.
Supported Tags: All HTML elements, EXCEPT:

  • <base>
  • <bdo>
  • <br>
  • <head>
  • <html>
  • <iframe>
  • <meta>
  • <param>
  • <script>
  • <style>
  • <title>

Syntax: 

<element onkeypress="script">

Attribute: The onkeydown attribute works for all keys in all browsers. The script will be run when onkeypress attribute call.
Note: This attribute has been DEPRECATED and is no longer recommended. The order of events that is related to the onkeypress events: 

  • onkeydown
  • onkeypress
  • onkeyup

Example: 

HTML




<!DOCTYPE html>
<html>
<head>
    <title>onkeypress attribute</title>
    <style>
        body {
            text-align: center;
        }
        h1 {
            color: green;
        }
    </style>
</head>
<body>
    <h1>GeeksforGeeks</h1>
    <h2>onkeypress attribute</h2>
    <input type="text" onkeypress="GeeksForGeeks()">
    <script>
        function GeeksForGeeks() {
            alert("Welcome to GeeksForGeeks!");
        }
    </script>
</body>
</html>

Output: 
Before click in the text box: 
 

After click on the text box: 
 

Supported Browsers: The browser supported by onkeypress event attribute are listed below: 
 

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Apple Safari

 

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!