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

विवरण

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

सिंटैक्स

<tagname onpaste="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 इवेंट एट्रिब्यूट डेमो</h1> 
<p> मैं एक पैराग्राफ तत्व हूँ कुछ डमी टेक्स्ट के साथ। मैं एक पैराग्राफ तत्व हूँ कुछ डमी टेक्स्ट के साथ। मैं एक पैराग्राफ तत्व हूँ कुछ डमी टेक्स्ट के साथ। मैं एक पैराग्राफ तत्व हूँ कुछ डमी टेक्स्ट के साथ। मैं एक पैराग्राफ तत्व हूँ कुछ डमी टेक्स्ट के साथ। </p> 
<textarea placeholder="ऊपर का टेक्स्ट यहां पेस्ट करें" onpaste="pasteFn()" rows='8' cols="50" required></textarea> 
<script> 
  function pasteFn() { 
    document.querySelector('textarea').style.background = '#fff'; 
  } 
</script> </body> </html>

आउटपुट

अब पैराग्राफ टेक्स्ट को कॉपी करके टेक्स्ट एरिया में पेस्ट करें और देखें कि onpaste इवेंट एट्रिब्यूट कैसे काम करता है: