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