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

विवरण

HTML onwheel इवेंट एट्रिब्यूट HTML दस्तावेज़ में जब उपयोगकर्ता किसी HTML तत्व पर माउस व्हील घुमाता है, तब ट्रिगर होता है।

सिंटैक्स

<tagname onwheel="script">Content</tagname>

उदाहरण

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

<!DOCTYPE html> <html> <head> <style> 
  body { 
    color: #000; 
    height: 100vh; 
    background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; 
    text-align: center; 
    padding: 20px; 
  } 
  .wheel { 
    border: 2px solid #fff; 
    padding: 10px; 
  } 
</style> </head> <body> 
<h1>HTML onwheel इवेंट एट्रिब्यूट डेमो</h1> 
<p onwheel='wheelFn()' class='wheel'>यह कुछ डमी कंटेंट के साथ एक पैराग्राफ है। यह कुछ डमी कंटेंट के साथ एक पैराग्राफ है। यह कुछ डमी कंटेंट के साथ एक पैराग्राफ है। यह कुछ डमी कंटेंट के साथ एक पैराग्राफ है। यह कुछ डमी कंटेंट के साथ एक पैराग्राफ है। यह कुछ डमी कंटेंट के साथ एक पैराग्राफ है। यह कुछ डमी कंटेंट के साथ एक पैराग्राफ है। यह कुछ डमी कंटेंट के साथ एक पैराग्राफ है।</p> 
<p>ऊपर दिए गए पैराग्राफ पर माउस व्हील को ऊपर या नीचे घुमाएं</p> 
<script> 
  function wheelFn() { 
    document.body.style.background = "linear-gradient(45deg, #8BC6EC 0%, #9599E2 100%) no-repeat"; 
    document.body.style.color = "#fff"; 
  } 
</script> </body> </html>

आउटपुट

अब पैराग्राफ तत्व पर माउस व्हील को ऊपर या नीचे घुमाएं और देखें कि onwheel इवेंट एट्रिब्यूट कैसे काम करता है।