onpaste इवेंट
परिभाषा और उपयोग
onpaste इवेंट उपयोगकर्ता जब सामग्री को एलीमेंट में पेस्ट करता है तब होता है।
हालांकि सभी एचटीएमएल एलीमेंट onpaste इवेंट को समर्थित करते हैं, लेकिन उदाहरण के लिए <p> एलीमेंट में सामग्री को पेस्ट करना संभव नहीं है, जब तक कि उसे contenteditable "true" सेट नहीं किया गया है (नीचे दिए गए अधिक उदाहरण पढ़ें)।
सलाह: onpaste इवेंट अधिकतर type="text" के <input> एलीमेंट के लिए उपयोग में लिया जाता है।
सलाह:एलीमेंट में सामग्री को पेस्ट करने के तीन तरीके हैं:
- CTRL + V
- ब्राउज़र के संपादक मेन्यू से पेस्ट चुनें
- दाएँ मेन्यू में पेस्ट कमांड को चुनें
इस्तेमाल
उदाहरण 1
एलीमेंट <input> में किसी टेक्स्ट को पेस्ट करते समय जेस्क्रिप्ट चलाया जाता है:
<input type="text" onpaste="myFunction()" value="यहाँ में कुछ साफ़टीपेस्ट को पेस्ट करें">
उदाहरण 2
एलीमेंट <p> में किसी टेक्स्ट को पेस्ट करते समय जेस्क्रिप्ट चलाया जाता है (ध्यान दें कि contenteditable वालू "true" सेट किया गया है):
<p contenteditable="true" onpaste="myFunction()">इस पैराग्राफ में कुछ साफ़टीपेस्ट को पेस्ट करें。</p>
व्याकरण
एचटीएमएल में:
<एलीमेंट onpaste="myScript">
जेस्क्रिप्ट में:
ऑब्जेक्ट.onpaste = function(){myScript};
जेस्क्रिप्ट में addEventListener() विधि का उपयोग करके:
ऑब्जेक्ट.addEventListener("paste", myScript);
टिप्पणी:इंटरनेट एक्सप्लोरर 8 या अधिक पुरानी संस्करण इसे समर्थित नहीं करते addEventListener() विधि।
तकनीकी विवरण
| बुबल: | सापोर्ट |
|---|---|
| अनुवंशन: | सापोर्ट |
| इवेंट टाइप: | ClipboardEvent |
| समर्थित HTML टैग: | सभी HTML एलीमेंट |
ब्राउज़र समर्थन
| इवेंट | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| onpaste | सापोर्ट | सापोर्ट | सापोर्ट | सापोर्ट | सापोर्ट |
