ऑनपेस्ट घटना
उदाहरण
<इनपुट> तत्व में कुछ टेक्स्ट पेस्ट करते समय जावास्क्रिप्ट निष्पादित करें:
<input type="text" onpaste="myFunction()" value="Paste something in here">
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
ऑनपेस्ट घटना तब होती है जब उपयोगकर्ता किसी तत्व में कुछ सामग्री चिपकाता है।
नोट: हालांकि ऑनपेस्ट ईवेंट सभी HTML तत्वों द्वारा समर्थित है, वास्तव में कुछ सामग्री को पेस्ट करना संभव नहीं है, उदाहरण के लिए, एक <p> तत्व, जब तक कि तत्व ने "सत्य" के लिए संतोषजनक सेट नहीं किया है (नीचे "अधिक उदाहरण" देखें) )
युक्ति: onpaste ईवेंट का उपयोग अधिकतर <input> तत्वों पर type="text" के साथ किया जाता है।
युक्ति: किसी तत्व में कुछ सामग्री चिपकाने के तीन तरीके हैं:
- CTRL + V दबाएं
- अपने ब्राउज़र में संपादन मेनू से "चिपकाएँ" चुनें
- संदर्भ मेनू प्रदर्शित करने के लिए राइट क्लिक करें और "पेस्ट" कमांड चुनें।
ब्राउज़र समर्थन
Event | |||||
---|---|---|---|---|---|
onpaste | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
एचटीएमएल में:
<element onpaste="myScript">
जावास्क्रिप्ट में:
object.onpaste = function(){myScript};
जावास्क्रिप्ट में, addEventListener() विधि का उपयोग करना:
object.addEventListener("paste", myScript);
नोट: AddEventListener () विधि Internet Explorer 8 और पुराने संस्करणों में समर्थित नहीं है।
टेक्निकल डिटेल
बुलबुले: | हां |
---|---|
रद्द करने योग्य: | हां |
घटना प्रकार: | क्लिपबोर्डइवेंट |
समर्थित HTML टैग: | सभी HTML तत्व |
और ज्यादा उदाहरण
उदाहरण
<p> तत्व में कुछ पाठ चिपकाते समय जावास्क्रिप्ट निष्पादित करें (ध्यान दें कि सामग्री संपादन योग्य "सत्य" पर सेट है):
<p contenteditable="true" onpaste="myFunction()">Try to paste something inside this paragraph.</p>
संबंधित पृष्ठ
एचटीएमएल डोम संदर्भ: ऑनकॉपी घटना
एचटीएमएल डोम संदर्भ: ऑनकट घटना