HTML DOM क्लिपबोर्ड ईवेंट का उपयोग क्लिपबोर्ड के संशोधन के संबंध में जानकारी प्रदान करने के लिए किया जाता है। घटनाओं को काटा, कॉपी और पेस्ट किया जा सकता है। क्लिपबोर्ड ईवेंट का उपयोग आपकी साइट को अधिक सुलभ बनाने के लिए किया जा सकता है, अर्थात उपयोगकर्ता को यह जानकारी देना कि क्लिपबोर्ड को कैसे संशोधित किया जा रहा है।
गुण
क्लिपबोर्ड घटना के लिए संपत्ति निम्नलिखित है -
| संपत्ति | <थ>विवरण|
|---|---|
| क्लिपबोर्डडेटा | क्लिपबोर्ड ऑपरेशन (कट, कॉपी या पेस्ट) से प्रभावित डेटा वाले ऑब्जेक्ट को वापस करने के लिए। |
इवेंट
क्लिपबोर्ड ईवेंट से संबंधित ईवेंट प्रकार निम्नलिखित हैं -
<टेबल><थेड>सिंटैक्स
क्लिपबोर्ड ईवेंट के लिए सिंटैक्स निम्नलिखित है -
var clipboardEvent = new ClipboardEvent(type,[options]);
यहां, प्रकार 'कट', 'कॉपी' या 'पेस्ट' हो सकता है और दूसरा पैरामीटर वैकल्पिक है। दूसरे पैरामीटर में क्लिपबोर्डडेटा, डेटा टाइप और डेटा शामिल हैं।
उदाहरण
आइए एक क्लिपबोर्ड ईवेंट ऑनकॉपी के लिए एक उदाहरण देखें -
<!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> आउटपुट
यह निम्नलिखित आउटपुट देगा -
टेक्स्ट को टेक्स्टबॉक्स के अंदर कॉपी करने पर -
उपरोक्त उदाहरण में -
हमने टाइप टेक्स्ट के साथ एक <इनपुट> एलिमेंट बनाया है। इसमें एक लेबल TEXTBOX असाइन किया गया है और इसमें उपयोगकर्ता के चयन के लिए पहले से ही कुछ टेक्स्ट है। उपयोगकर्ता द्वारा पाठ की प्रतिलिपि बनाने पर CopyText() विधि निष्पादित होती है।
<label> TEXTBOX <input type="text" oncopy="CopyText()" value="Copy this text">
CopyText () विधि को दस्तावेज़ पर getElementById () विधि का उपयोग करके
तत्व मिलता है और पैराग्राफ के अंदर "पाठ आपके द्वारा कॉपी किया गया है!" प्रदर्शित करता है।
function CopyText() {
document.getElementById("Sample").innerHTML = "The text has been copied by you!"
}