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