ondrop واقعی
تعریف اور استعمال
جب کوئی قابل تیار علامت یا متن کسی موثر تیار مقام پر رکھا جاندا ہے تو، ondrop واقعات ہوتا ہے.
تیار کریں اور پھینکن، HTML5 میں بہت عام فنکشن ہے، یعنی جب آپ کسی آئیٹم کو کسی مقام سے کسی دوسرے مقام پر لے آیا اور پھینکن ویندی تو... مزید معلومات کے لئے، ہماری HTML5 دھیان دیناکسی HTML درستکاری تعلیمی میں استعمال کریا جاندا ہے.
نوٹ:اگر آپ کسی علامت کو قابل تیار بنانا چاہندے ہیں تو، کسی HTML5 draggable خاصیت。
پیشکش:مقصد سے، لنکس اور تصاویر قابل تیار ہیں، draggable کی خاصیت کی ضرورت نہیں ہوتی ہے。
پھینکن والی مقام کی مختلف مراحل میں، متعدد واقعات استعمال کئے جاندا ہیں اور ممکن ہو سکتے ہیں:
تیار تیار مقام (منشاء علامت) پر تریگھرگاہی واقعات:
- ondragstart - جب استعمال کنندہ کوئی تیار علامت پھینکن ویندی تو
- ondrag - جب علامت کو پھینکن والی مقام پر پھینکن ویندی تو
- ondragend - جب استعمال کنندہ کوئی تیار علامت پھینکن والی مقام پر پھینکن والی مقام پر پھینکن ویندی تو
پھینکن والی مقام پر تریگھرگاہی واقعات:
- ondragenter - جب کوئی تیار علامت پھینکن والی مقام میں داخل ہوتی ہے تو
- ondragover - جب کوئی تیار علامت پھینکن والی مقام پر موجود ہوتی ہے تو
- ondragleave - جب کوئی تیار علامت پھینکن والی مقام سے باہر نکلی ویندی ہے تو
- ondrop - جب کوئی تیار علامت پھینکن والی مقام پر پھینکن ویندی ہے تو
مثال
جب کسی <div> علامت میں قابل تیار علامت رکھا جاندا ہے تو JavaScript چلائی جاندا ہے:
<div ondrop="myFunction(event)"></div>
پینجی والا پیج پر مزید TIY مثال ہیں。
گرامر
جس میں HTML میں:
<element ondrop="myScript">
جس میں JavaScript میں:
object.ondrop = function(){myScript};
جس میں JavaScript میں، addEventListener() مہم کا استعمال کریا جاندا ہے:
object.addEventListener("drop", myScript);
نوٹ:Internet Explorer 8 یا اور اکسیونال نسخه نا پشتیبانی کیتی ویندی addEventListener() 方法。
技术细节
冒泡: | 支持 |
---|---|
可取消: | 支持 |
事件类型: | DragEvent |
支持的 HTML 标签: | 所有 HTML 元素 |
DOM 版本: | Level 3 Events |
浏览器支持
表中的数字注明了完全支持该事件的首个浏览器版本。
事件 | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
ondrop | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
更多实例
对所有可能的拖放事件的演示:
Drag me!
Drop here!