HTML onmouseup Event Attribute

Description

The event attribute onmouseup allows you to specify a trigger when you release the mouse button from an element.

Syntax

<element onmouseup="script">

Values

scriptThe name of the script to use when the event has been triggered.

Example

HTML

<!DOCTYPE html> 
  <html> 
    <head>
      <title>onmousedown and onmouseup event</title> 
      <style> 
        div {
        width: 100px;
        height: 50px;
        border: 1px solid black;
        color: black;
        text-align: center;
      }
      </style> 
    </head> 
    <body> 
    <p>Click on an element to demonstrate the script:</p> 
    <div id="code" onmousedown="mouseDown()" onmouseup="mouseUp()">&spades; &clubs; &hearts; &diams;<br>&diams; &hearts; &clubs; &spades; 
    </div> 
<script> 
function mouseDown() {
  document.getElementById("code").style.backgroundColor="orange";  
} 
function mouseUp() {
  document.getElementById("code").style.backgroundColor="purple";  
} 
</script> 
  </body> 
</html>

Result

Supported Tags

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

Browser Support

Desktop

4	12	1	9	≤12.1	1

Tablets / Mobile

1	18	9	≤12.1	1	1.0

Share this Page

If you have enjoyed using CSSPortal, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.

URL

Menu