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

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


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


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

जब ondragकोई तत्व या टेक्स्ट चयन खींचा जा रहा हो तो विशेषता सक्रिय हो जाती है।

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

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

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

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

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

नोट: किसी तत्व को खींचते समय, ondragईवेंट प्रत्येक 350 मिलीसेकंड में सक्रिय हो जाता है।


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

विशेषता ईवेंट विशेषताओं का ondragहिस्सा है , और इसका उपयोग किसी भी HTML तत्वों पर किया जा सकता है।

तत्वों आयोजन
सभी HTML तत्व ओन्ड्रैग

उदाहरण

पी उदाहरण

जब कोई <p> तत्व खींचा जा रहा हो तो JavaScript निष्पादित करें:

<p draggable="true" ondrag="myFunction(event)">Drag me!</p>

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

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

Event Attribute
ondrag 4.0 9.0 3.5 6.0 12.0