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

एचटीएमएल ऑनपेस्ट इवेंट एट्रीब्यूट

<घंटा/>

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

सिंटैक्स

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

<tagname onpast=”script”></tagname>

आइए हम HTML onpaste ईवेंट विशेषता का एक उदाहरण देखें -

उदाहरण

<!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;
   }
   p {
      border: 2px solid #fff;
      padding: 8px;
      text-align: justify;
   }
   textarea {
      border: 2px solid #fff;
      background: transparent;
      font-size: 1rem;
   }
   ::placeholder {
      color: #000;
      font-size: 1rem;
   }
</style>
</head>
<body>
<h1>HTML onpaste Event Attribute Demo</h1>
<p>
I'm a paragraph element with some dummy text. 
I'm a paragraph element with some dummy text. 
I'm a paragraph element with some dummy text. 
I'm a paragraph element with some dummy text. 
I'm a paragraph element with some dummy text.
</p>
<textarea placeholder="Paste above text here" onpaste="pasteFn()" rows='8' cols="50" required></textarea>
<script>
   function pasteFn() {
      document.querySelector('textarea').style.background = '#fff';
   }
</script>
</body>
</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> आइए एचटीएमएल ऑनड्रॉप इवेंट एट्रीब्यूट— . का एक उ