HTML onmouseup इवेंट एट्रिब्यूट

विवरण

HTML onmouseup इवेंट एट्रिब्यूट HTML दस्तावेज़ में जब किसी HTML तत्व से माउस बटन छोड़ा जाता है, तब ट्रिगर होता है।

सिंटैक्स

<tagname onmouseup="script"></tagname>

उदाहरण

आइए HTML onmouseup इवेंट एट्रिब्यूट का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <style> 
  body { 
    color: #000; 
    height: 100vh; 
    background-color: #FBAB7E; 
    background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%); 
    text-align: center; 
  } 
  .circle { 
    background: #db133a; 
    height: 150px; 
    width: 150px; 
    border-radius: 50%; 
    margin: 10px auto; 
  } 
  p { 
    margin: 30px auto; 
  } 
</style> </head> <body> 
<h1>HTML onmouseup इवेंट एट्रिब्यूट डेमो</h1> 
<div class="circle" onmousedown="mouseDownFn()" onmouseup="mouseUpFn()"></div> 
<p>ऊपर दिए गए लाल सर्कल पर क्लिक करने का प्रयास करें</p> 
<script> 
  function mouseDownFn() { 
    document.querySelector('.circle').style.transform = 'scale(0.5)'; 
  } 
  function mouseUpFn() { 
    document.querySelector('.circle').style.transform = 'scale(1.2)'; 
  } 
</script> </body> </html>

आउटपुट

onmouseup इवेंट एट्रिब्यूट कैसे काम करता है, यह देखने के लिए "लाल" सर्कल पर क्लिक करें।