html tutorial - onkeypress Attribute in HTML - html5 - html code - html form
Learn html - html tutorial - onkeyPress attribute in html - html examples - html programs
- The onkeypress attribute is used to activate an event when the user presses a keyboard key.
- The onkeypress attribute is an Event Attributes.
Syntax for onkeypress attribute in HTML:
<element onkeypress ="script">Applies To:
| Element | Attribute |
|---|---|
| All HTML Elements | onkeypress |
onkeypress Attribute Value:
| Value | Description |
|---|---|
| script | The script to be run on onkeypress. |
Sample Coding for onkeypress Attribute in HTML:
Tryit<!DOCTYPE html>
<html>
<head>
<title>Wikitechy onkeypress attribute</title>
</head>
<body>
Enter the text:
<input type="text" onkeypress= "onKeyPress()">
<script>
function onKeyPress()
{
alert ("Pressed a key inside the input field");
}
</script>
</body>
</html>Code Explanation for onkeypress Attribute in HTML:
- onkeypress attribute is used to call a JavaScript function when the user press a key in the textbox.
- onKeyPress() is a JavaScript function , which is used to display an alert box when the onkeypress attribute is activated.
Output for onkeypress Attribute in HTML:
- The output shows that the text box will display on the page load.
- If user presses a key on the keyboard in the text box then the onkeypress event occurs that displays an alert box.
- After clicking the ok button in an alert box, the text “a” was shown in the text box.
Browser Support for onkeypress Attribute in HTML:
 |
 |
 |
 |
 |
|---|---|---|---|---|
| Yes | Yes | Yes | Yes | Yes |
Tips and Notes
- The onkeypress event is not activated for all the keys like ALT, CTRL, SHIFT, ESC in all browsers.
- The onkeydown event is activated for all keys.