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

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


HTML ondragend ईवेंट विशेषता

❮ HTML ईवेंट विशेषताएँ

उदाहरण

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

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

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

जब उपयोगकर्ता किसी तत्व या पाठ चयन को खींचना समाप्त कर लेता है, तो ondragend विशेषता सक्रिय हो जाती है।

HTML5 में ड्रैग एंड ड्रॉप एक बहुत ही सामान्य विशेषता है। यह तब होता है जब आप किसी वस्तु को "पकड़" लेते हैं और उसे किसी भिन्न स्थान पर खींच लेते हैं। अधिक जानकारी के लिए, HTML5 ड्रैग एंड ड्रॉप पर हमारा HTML ट्यूटोरियल देखें ।

नोट: किसी तत्व को खींचने योग्य बनाने के लिए, वैश्विक HTML5 ड्रैग करने योग्य विशेषता का उपयोग करें

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

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

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

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

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

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

Event Attribute
ondragend 4.0 9.0 3.5 6.0 12.0

वाक्य - विन्यास

<element ondragend="script">

गुण मान

Value Description
script The script to be run on ondragend

टेक्निकल डिटेल

समर्थित HTML टैग: सभी HTML तत्व

संबंधित पृष्ठ

HTML ट्यूटोरियल: HTML5 ड्रैग एंड ड्रॉप

HTML संदर्भ: HTML खींचने योग्य विशेषता

HTML DOM संदर्भ: ondragend Event


❮ HTML ईवेंट विशेषताएँ