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