एचटीएमएल ऑनड्रैग इवेंट एट्रीब्यूट
उदाहरण
जब कोई <p> तत्व खींचा जा रहा हो तो JavaScript निष्पादित करें:
<p draggable="true" ondrag="myFunction(event)">Drag me!</p>
परिभाषा और उपयोग
जब कोई तत्व या टेक्स्ट चयन खींचा जा रहा हो तो ऑनड्रैग विशेषता सक्रिय हो जाती है।
HTML5 में ड्रैग एंड ड्रॉप एक बहुत ही सामान्य विशेषता है। यह तब होता है जब आप किसी वस्तु को "पकड़" लेते हैं और उसे किसी भिन्न स्थान पर खींच लेते हैं। अधिक जानकारी के लिए, HTML5 ड्रैग एंड ड्रॉप पर हमारा HTML ट्यूटोरियल देखें ।
नोट: किसी तत्व को खींचने योग्य बनाने के लिए, वैश्विक HTML5 ड्रैग करने योग्य विशेषता का उपयोग करें ।
युक्ति: लिंक और चित्र डिफ़ॉल्ट रूप से खींचने योग्य होते हैं, और उन्हें खींचने योग्य विशेषता की आवश्यकता नहीं होती है।
ड्रैग एंड ड्रॉप ऑपरेशन के विभिन्न चरणों में कई इवेंट एट्रिब्यूट्स का उपयोग किया जाता है, और हो सकता है:
- ड्रैग करने योग्य लक्ष्य (स्रोत तत्व) पर सक्रिय घटनाएं :
- ऑनड्रैगस्टार्ट - जब उपयोगकर्ता किसी तत्व को खींचना शुरू करता है तो आग लगती है
- ondrag - जब किसी तत्व को खींचा जा रहा हो तो आग लगती है
- ondragend - जब उपयोगकर्ता तत्व को खींचना समाप्त कर लेता है तो आग लग जाती है
- ड्रॉप टारगेट पर सक्रिय किए गए इवेंट:
- ondragenter - जब ड्रैग किया गया तत्व ड्रॉप लक्ष्य में प्रवेश करता है तो आग लगती है
- ऑनड्रैगोवर - जब ड्रैग किया गया तत्व ड्रॉप लक्ष्य से अधिक हो जाता है तो आग लग जाती है
- ondragleave - जब ड्रैग किया गया तत्व ड्रॉप लक्ष्य को छोड़ देता है तो आग लग जाती है
- ऑनड्रॉप - जब ड्रैग किए गए तत्व को ड्रॉप टारगेट पर गिराया जाता है तो आग लगती है
नोट: किसी तत्व को खींचते समय, ondrag ईवेंट प्रत्येक 350 मिलीसेकंड में सक्रिय हो जाता है।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से ईवेंट विशेषता का समर्थन करता है।
| Event Attribute | |||||
|---|---|---|---|---|---|
| ondrag | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
वाक्य - विन्यास
<element ondrag="script">
गुण मान
| Value | Description |
|---|---|
| script | The script to be run on ondrag |
टेक्निकल डिटेल
| समर्थित HTML टैग: | सभी HTML तत्व |
|---|
संबंधित पृष्ठ
HTML ट्यूटोरियल: HTML5 ड्रैग एंड ड्रॉप
HTML संदर्भ: HTML खींचने योग्य विशेषता
एचटीएमएल डोम संदर्भ: ऑनड्रैग इवेंट
❮ HTML ईवेंट विशेषताएँ