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