Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML ऑनव्हील इवेंट विशेषता

<घंटा/>

HTML ऑनव्हील ईवेंट विशेषता तब ट्रिगर होती है जब उपयोगकर्ता HTML दस्तावेज़ में HTML तत्व पर माउस का पहिया घुमाता है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

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

आइए हम HTML ऑनव्हील ईवेंट विशेषता का एक उदाहरण देखें -

उदाहरण

<!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 Event Attribute Demo</h1>
<p onwheel='wheelFn()' class='wheel'>This is a paragraph with some dummy content. 
This is a paragraph with some dummy content. This is a paragraph with some dummy content. 
This is a paragraph with some dummy content. This is a paragraph with some dummy content. 
This is a paragraph with some dummy content. This is a paragraph with some dummy content. 
This is a paragraph with some dummy content.</p>
<p>Move the wheel of the mouse up or down on above paragraph</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>

आउटपुट

HTML ऑनव्हील इवेंट विशेषता

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

HTML ऑनव्हील इवेंट विशेषता


  1. HTML onafterprint घटना विशेषता

    जब कोई पेज प्रिंट होना शुरू हो जाता है या HTML दस्तावेज़ में प्रिंट डायलॉग बॉक्स बंद हो जाता है, तो HTML onafterprint ईवेंट विशेषता ट्रिगर हो जाती है। सिंटैक्स निम्नलिखित वाक्य रचना है - <tagname onafterprint=”script”></tagname> आइए हम HTML onafterprint ईवेंट विशेषता का एक

  1. HTML ondragstart ईवेंट विशेषता

    HTML ondragstart ईवेंट विशेषता तब ट्रिगर होती है जब उपयोगकर्ता HTML दस्तावेज़ में किसी HTML तत्व या किसी तत्व के टेक्स्ट को खींचना शुरू करता है। सिंटैक्स निम्नलिखित वाक्य रचना है - <tagname ondragstart=”script”></tagname> आइए HTML ondragstart ईवेंट विशेषता का एक उदाहरण देखे

  1. HTML ऑनड्रॉप इवेंट विशेषता

    HTML ऑनड्रॉप ईवेंट विशेषता तब ट्रिगर होती है जब किसी HTML दस्तावेज़ में ड्रैग करने योग्य तत्व या टेक्स्ट को किसी मान्य ड्रॉप लक्ष्य पर छोड़ दिया जाता है। सिंटैक्स निम्नलिखित वाक्य रचना है - <tagname ondrop=”script”></tagname> आइए एचटीएमएल ऑनड्रॉप इवेंट एट्रीब्यूट— . का एक उ