X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR BOOTSTRAP XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML onkeyup Event Attribute

HTML Event Attributes HTML Event Attributes

Example

Execute a JavaScript when a user releases a key:

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

Try it yourself »

More "Try it Yourself" examples below.


Definition and Usage

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

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

  1. onkeydown
  2. onkeypress
  3. onkeyup

Browser Support

Event Attribute
onkeyup Yes Yes Yes Yes Yes


Differences Between HTML 4.01 and HTML5

None.


Syntax

<element onkeyup="script">

Attribute Values

Value Description
script The script to be run on onkeyup

Technical Details

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


Examples

More Examples

Example

Using "onkeydown" together with the "onkeyup" attribute:

<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">

Try it yourself »

Example

Output the actual key that was released inside a text field:

Enter your name: <input type="text" id="fname" onkeyup="myFunction()">

<script>
function myFunction() {
    var x = document.getElementById("fname").value;
    document.getElementById("demo").innerHTML = x;
}
</script>

Try it yourself »


Related Pages

HTML DOM reference: onkeyup event


HTML Event Attributes HTML Event Attributes

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook