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:
- <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 > </ center > </ body > </ html > |
Output:
Before:
After:
Supported Browsers: The browser supported by onmouseup attribute are listed below:
- Chrome 2
- Edge 12
- Internet Explorer 9
- Firefox 6
- Safari 4
- Opera 11.6
Please Login to comment...