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