HTML DOM Clipboard इवेंट

HTML DOM Clipboard इवेंट का उपयोग क्लिपबोर्ड के संशोधन के बारे में जानकारी प्रदान करने के लिए किया जाता है। इवेंट्स कट, कॉपी और पेस्ट हो सकते हैं। Clipboard इवेंट का उपयोग आपकी साइट को अधिक सुलभ बनाने के लिए किया जा सकता है यानी यूजर को यह जानकारी देना कि क्लिपबोर्ड कैसे संशोधित हो रहा है।

प्रॉपर्टीज (Properties)

Clipboard इवेंट के लिए प्रॉपर्टी:

इवेंट्स (Events)

Clipboard इवेंट से संबंधित इवेंट टाइप्स:

सिंटैक्स (Syntax)

Clipboard इवेंट का सिंटैक्स:

var clipboardEvent = new ClipboardEvent(type, [options]);

यहां, type 'cut', 'copy' या 'paste' हो सकता है और दूसरा पैरामीटर वैकल्पिक है। दूसरा पैरामीटर clipboardData, dataType और data रखता है।

उदाहरण (Example)

Clipboard इवेंट्स में से एक oncopy का उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> <form> <label> TEXTBOX <input type="text" oncopy="CopyText()" value="Copy this text"> </label> </form> <p id="Sample"></p> <script> function CopyText() { document.getElementById("Sample").innerHTML = "The text has been copied by you!"; } </script> </body> </html>

आउटपुट (Output)

इससे निम्नलिखित आउटपुट प्राप्त होगा:

TEXTBOX के अंदर टेक्स्ट कॉपी करने पर:

उपरोक्त उदाहरण में:

हमने टाइप टेक्स्ट के साथ एक <input> एलिमेंट बनाया है। इसमें TEXTBOX लेबल असाइन किया गया है और इसमें पहले से ही यूजर के सेलेक्ट करने के लिए कुछ टेक्स्ट है। यूजर द्वारा टेक्स्ट कॉपी करने पर CopyText() मेथड एक्जीक्यूट होता है:

<label> TEXTBOX <input type="text" oncopy="CopyText()" value="Copy this text">

CopyText() मेथड डॉक्यूमेंट पर getElementById() मेथड का उपयोग करके <p> एलिमेंट को प्राप्त करता है और पैराग्राफ के अंदर "The text has been copied by you!" प्रदर्शित करता है:

function CopyText() { document.getElementById("Sample").innerHTML = "The text has been copied by you!"; }