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