HTML में माउस पॉइंटर एलिमेंट से बाहर जाने पर स्क्रिप्ट कैसे चलाएं?

जब माउस पॉइंटर किसी एलिमेंट से बाहर निकलता है, तो onmouseout एट्रिब्यूट ट्रिगर होता है। यह onmouseleave से अलग है - onmouseout चाइल्ड एलिमेंट्स पर जाने पर भी फायर होता है (बबलिंग), जबकि onmouseleave केवल एलिमेंट छोड़ने पर फायर होता है।

उदाहरण

<!DOCTYPE html> <html> 
  <body> 
    <h3 id="myid" onmouseout="mouseOut()"> 
      यह डेमो हेडिंग है। 
    </h3> 
    <p>ऊपर क्लिक करें और फिर छोड़ें।</p> 
    <script> 
      function mouseOut() { 
        document.getElementById("myid").style.color = "red"; 
      } 
    </script> 
  </body> 
</html>