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