Execute a JavaScript when a user releases a key:
More "Try it Yourself" examples below.
The onkeyup event occurs when the user releases a key (on the keyboard).
Tip: The order of events related to the onkeyup event:
Event | |||||
---|---|---|---|---|---|
onkeyup | Yes | Yes | Yes | Yes | Yes |
In HTML:
In JavaScript:
In JavaScript, using the addEventListener() method:
Note: The addEventListener() method is not supported in Internet Explorer 8 and earlier versions.
Bubbles: | Yes |
---|---|
Cancelable: | Yes |
Event type: | KeyboardEvent |
Supported HTML tags: | All HTML elements, EXCEPT: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title> |
DOM Version: | Level 2 Events |
Using "onkeydown" together with the "onkeyup" event:
Output the actual key that was released inside a text field: