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

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


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


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

जब उपयोगकर्ता किसी तत्व या टेक्स्ट चयन को खींचना शुरू करता है तो ऑनड्रैगस्टार्ट विशेषता सक्रिय हो जाती है।

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

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

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

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

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

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

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

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

उदाहरण

पी उदाहरण

जब उपयोगकर्ता <p> तत्व को खींचना शुरू करता है तो जावास्क्रिप्ट निष्पादित करें:

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

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

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

Event Attribute
ondragstart 4.0 9.0 3.5 6.0 12.0