HTML में एलिमेंट पर माउस व्हील घूमने पर स्क्रिप्ट कैसे चलाएं?

onwheel एट्रिब्यूट तब ट्रिगर होता है जब किसी एलिमेंट पर माउस व्हील ऊपर या नीचे घूमती है। यह onwheel इवेंट का ही हिस्सा है जो व्हील रोटेशन डिटेक्ट करता है।

उदाहरण

<!DOCTYPE html> <html> 
  <body> 
    <h3 id="myid" onwheel="mouseWheel()"> 
      यह डेमो हेडिंग है। 
    </h3> 
    <p>ऊपर क्लिक करें और हेडिंग का रंग बदलने के लिए माउस व्हील उपयोग करें।</p> 
    <script> 
      function mouseWheel() { 
        document.getElementById("myid").style.color = "red"; 
      } 
    </script> 
  </body> 
</html>