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

परिचय

HTML oncut इवेंट एट्रिब्यूट तब ट्रिगर होता है जब उपयोगकर्ता HTML दस्तावेज़ में किसी HTML एलिमेंट की सामग्री को काटता (कट करता) है। यह क्लिपबोर्ड इवेंट API का हिस्सा है।

सिंटैक्स

<tagname oncut="script"></tagname>

उदाहरण

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body {
    color: #000;
    height: 100vh;
    background-color: #FBAB7E;
    background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
    text-align: center;
    font-family: Arial, sans-serif;
    padding: 20px;
  }
  p {
    font-size: 1.1rem;
    padding: 1rem;
    background: white;
    border-radius: 8px;
    max-width: 600px;
    margin: 1rem auto;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  }
  .show {
    margin-top: 1rem;
    font-weight: bold;
    color: #db133a;
  }
</style>
</head>
<body>
<h1>HTML oncut इवेंट एट्रिब्यूट डेमो</h1>
<p oncut="handleCut()" contenteditable="true">मैं कुछ डमी टेक्स्ट वाला एक पैराग्राफ HTML एलिमेंट हूँ। इस टेक्स्ट को काटने का प्रयास करें।</p>
<p style="color:#db133a;">ऊपर दिए गए पैराग्राफ से टेक्स्ट काटने (Cut) का प्रयास करें।</p>
<div class="show"></div>
<script>
  function handleCut() {
    document.querySelector('.show').innerHTML = "टेक्स्ट काटा गया! (oncut इवेंट ट्रिगर हुआ)";
    document.body.style.background = "lightblue";
  }
</script>
</body>
</html>

आउटपुट

एक संपादन योग्य पैराग्राफ दिखाई देगा। जब उपयोगकर्ता इसका टेक्स्ट चुनकर काटता है (Ctrl+X या राइट-क्लिक > कट), तो पृष्ठभूमि रंग बदल जाएगा और संदेश प्रदर्शित होगा।

महत्वपूर्ण बिंदु

• oncut केवल उन एलिमेंट्स पर काम करता है जो संपादन योग्य हैं (contenteditable="true") या फॉर्म इनपुट्स (<input>, <textarea>)
• यह ClipboardEvent ऑब्जेक्ट पास करता है जिसमें clipboardData होता है
• संबंधित इवेंट्स: oncopy (कॉपी), onpaste (पेस्ट)
• event.preventDefault() से काटने की क्रिया रोकी जा सकती है
• event.clipboardData.setData('text/plain', 'नया टेक्स्ट') से क्लिपबोर्ड डेटा संशोधित कर सकते हैं

क्लिपबोर्ड डेटा एक्सेस

element.oncut = function(event) {
  // काटे गए टेक्स्ट को प्राप्त करें
  const cutText = event.clipboardData.getData('text');
  console.log('काटा गया:', cutText);
  
  // क्लिपबोर्ड डेटा संशोधित करें
  event.clipboardData.setData('text/plain', 'संशोधित: ' + cutText);
  
  // काटने को रोकें
  // event.preventDefault();
};

ब्राउज़र समर्थन

सभी आधुनिक ब्राउज़रों में समर्थित (IE5.5+ के लिए आंशिक)।