एचटीएमएल ऑनड्रैग विशेषता
परिभाषा और उपयोग
जब ondrag
कोई तत्व या टेक्स्ट चयन खींचा जा रहा हो तो विशेषता सक्रिय हो जाती है।
ड्रैग एंड ड्रॉप के बारे में जानने के लिए, HTML5 ड्रैग एंड ड्रॉप पर हमारा HTML ट्यूटोरियल पढ़ें ।
युक्ति:draggable
लिंक और चित्र डिफ़ॉल्ट रूप से खींचने योग्य होते हैं, और विशेषता की आवश्यकता नहीं होती है ।
ड्रैग एंड ड्रॉप ऑपरेशन के विभिन्न चरणों में कई इवेंट एट्रिब्यूट्स का उपयोग किया जाता है, और हो सकता है:
- ड्रैग करने योग्य लक्ष्य (स्रोत तत्व) पर सक्रिय घटनाएं :
ondragstart
- जब उपयोगकर्ता किसी तत्व को खींचना शुरू करता है तो आग लगती हैondrag
- जब किसी तत्व को खींचा जा रहा हो तो आग लगती हैondragend
- जब उपयोगकर्ता तत्व को खींचना समाप्त कर लेता है तो आग लग जाती है
- ड्रॉप टारगेट पर सक्रिय किए गए इवेंट:
ondragenter
- जब ड्रैग किया गया तत्व ड्रॉप लक्ष्य में प्रवेश करता है तो आग लगती हैondragover
- जब ड्रैग किया गया तत्व ड्रॉप लक्ष्य के ऊपर होता है तो आग लगती हैondragleave
- जब ड्रैग किया गया तत्व ड्रॉप लक्ष्य छोड़ता है तो आग लगती हैondrop
- जब ड्रैग किए गए तत्व को ड्रॉप टारगेट पर गिराया जाता है तो आग लगती है
नोट: किसी तत्व को खींचते समय, ondrag
ईवेंट प्रत्येक 350 मिलीसेकंड में सक्रिय हो जाता है।
पर लागू होता है
विशेषता ईवेंट विशेषताओं का ondrag
हिस्सा है , और इसका उपयोग किसी भी HTML तत्वों पर किया जा सकता है।
तत्वों | आयोजन |
---|---|
सभी HTML तत्व | ओन्ड्रैग |
उदाहरण
पी उदाहरण
जब कोई <p> तत्व खींचा जा रहा हो तो JavaScript निष्पादित करें:
<p draggable="true" ondrag="myFunction(event)">Drag me!</p>
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से ईवेंट विशेषता का समर्थन करता है।
Event Attribute | |||||
---|---|---|---|---|---|
ondrag | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |