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