HTML onkeyup Event Attribute - HTML Keyboard Events Attribute

The HTML onkeyup event attribute is used to execute a script or function when a user releases a key on the keyboard. This attribute can be applied to various HTML elements, commonly input fields and text areas, to enable dynamic responses to user input.

Example of HTML onkeyup Event Attribute

It will Execute a JavaScript when a user releases a key.

index.html

Example: HTML

 <input type="text" onkeyup="myFunction()">

Output should be:

Definition and Usage of HTML onkeyup Event Attribute

The onkeyup attribute fires when the user releases a key (on the keyboard).

Tip: The order of events related to the onkeyup event:

onkeydown
onkeypress
onkeyup

Browser Support of HTML onkeyup Event Attribute

Output should be:

Syntax of HTML onkeyup Event Attribute

<element onkeyup="script">

Attribute Values of HTML onkeyup Event Attribute

Value	Description
script	The script to be run on onkeyup

Technical Details of HTML onkeyup Event Attribute

Supported HTML tags:	All HTML elements, EXCEPT: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>

How to Execute a JavaScript when a user releases a key

A function is triggered when the user releases a key in the input field. The function transforms the character to upper case.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<p>A function is triggered when the user releases a key in the input field. The function transforms the character to upper case.</p>
Enter your name: <input type="text" id="fname" onkeyup="myFunction()">

<script>
function myFunction() {
  let x = document.getElementById("fname");
  x.value = x.value.toUpperCase();
}
</script>

</body>
</html>

Output should be:

html event attributes

Type:	Develop
Category:	Web Tutorial
Sub Category:	HTML Keyboard Events Attribute
Uploaded by:	Admin

Read Article
https://develop.horje.com/learn/1434/reference