HTML | onmouseup Event Attribute
This attribute fires when a mouse button is released over the element. The order of events occur related to the onmouseup event.
- onmousedown
- onmouseup
- onclick
Supported Tags: All HTML elements, EXCEPT:
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML course.
- <base>
- <bdo>
- <br>
- <head>
- <html>
- <iframe>
- <meta>
- <param>
- <script>
- <style>
- <title>
Syntax:
<element onmouseup = "script">
Attribute Value: This attribute contains single value script and it works when onmouseup attribute called.
Example:
html
<!DOCTYPE html><html> <head> <title>onmouseup event attribute</title> <style> h1 { color:green; } body { text-align:center; } </style> </head> <body> <center> <h1>GeeksforGeeks</h1> <h2>onmouseup event attribute</h2> <p id="gfg" onmouseup="mouseUp()"> GeeksforGeeks: ! computer science portal for geeks </p> <script> function mouseUp() { document.getElementById("gfg").style.color = "green"; document.getElementById("gfg").style.fontSize = "20px"; } </script> </body></html> |
Output:
Before:
After:
Supported Browsers: The browser supported by onmouseup attribute are listed below:
- Chrome
- Internet Explorer
- Firefox
- Safari
- Opera
