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