एचटीएमएल संदर्भ

वर्णमाला द्वारा HTML श्रेणी के अनुसार HTML एचटीएमएल ब्राउज़र समर्थन एचटीएमएल गुण HTML वैश्विक गुण एचटीएमएल घटनाक्रम एचटीएमएल रंग एचटीएमएल कैनवास एचटीएमएल ऑडियो/वीडियो एचटीएमएल कैरेक्टर सेट एचटीएमएल सिद्धांत एचटीएमएल यूआरएल एनकोड एचटीएमएल भाषा कोड एचटीएमएल देश कोड HTTP संदेश HTTP तरीके पीएक्स से ईएम कन्वर्टर कुंजीपटल अल्प मार्ग


एचटीएमएल ऑनड्रॉप विशेषता


परिभाषा और उपयोग

ऑनड्रॉप विशेषता तब सक्रिय होती है जब एक ड्रैग करने योग्य तत्व या टेक्स्ट चयन को वैध ड्रॉप लक्ष्य पर छोड़ दिया जाता है।

ड्रैग एंड ड्रॉप के बारे में जानने के लिए, HTML5 ड्रैग एंड ड्रॉप पर हमारा HTML ट्यूटोरियल पढ़ें ।

युक्ति: लिंक और चित्र डिफ़ॉल्ट रूप से खींचने योग्य होते हैं, और उन्हें खींचने योग्य विशेषता की आवश्यकता नहीं होती है।

ड्रैग एंड ड्रॉप ऑपरेशन के विभिन्न चरणों में कई इवेंट एट्रिब्यूट्स का उपयोग किया जाता है, और हो सकता है:

  • ड्रैग करने योग्य लक्ष्य (स्रोत तत्व) पर सक्रिय घटनाएं :
    • ऑनड्रैगस्टार्ट - जब उपयोगकर्ता किसी तत्व को खींचना शुरू करता है तो आग लगती है
    • ondrag - जब किसी तत्व को खींचा जा रहा हो तो आग लगती है
    • ondragend - जब उपयोगकर्ता तत्व को खींचना समाप्त कर लेता है तो आग लग जाती है

  • ड्रॉप टारगेट पर सक्रिय किए गए इवेंट:
    • ondragenter - जब ड्रैग किया गया तत्व ड्रॉप लक्ष्य में प्रवेश करता है तो आग लगती है
    • ऑनड्रैगोवर - जब ड्रैग किया गया तत्व ड्रॉप लक्ष्य से अधिक हो जाता है तो आग लग जाती है
    • ondragleave - जब ड्रैग किया गया तत्व ड्रॉप लक्ष्य को छोड़ देता है तो आग लग जाती है
    • ऑनड्रॉप - जब ड्रैग किए गए तत्व को ड्रॉप टारगेट पर गिराया जाता है तो आग लगती है

पर लागू होता है

ऑनड्रॉप एट्रिब्यूट इवेंट एट्रिब्यूट्स का हिस्सा है , और इसे किसी भी HTML एलिमेंट पर इस्तेमाल किया जा सकता है।

तत्वों आयोजन
सभी HTML तत्व ऑनड्रॉप

उदाहरण

डिव उदाहरण

जब किसी ड्रैग करने योग्य तत्व को <div> तत्व में छोड़ दिया जाता है, तो JavaScript निष्पादित करें:

<div ondrop="myFunction(event)"></div>

ब्राउज़र समर्थन

तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से ईवेंट विशेषता का समर्थन करता है।

Event Attribute
ondrop 4.0 9.0 3.5 6.0 12.0