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