سمة حدث عند السحب HTML
مثال
نفّذ جافا سكريبت عندما ينتهي المستخدم من سحب عنصر <p>:
<p draggable="true" ondragend="myFunction(event)">Drag me!</p>
التعريف والاستخدام
يتم تنشيط السمة ondragend عندما ينتهي المستخدم من سحب عنصر أو تحديد نص.
يعد السحب والإفلات ميزة شائعة جدًا في HTML5. إنه عندما "تمسك" بشيء ما وتسحبه إلى مكان مختلف. لمزيد من المعلومات ، راجع دروس HTML الخاصة بنا حول السحب والإفلات بتنسيق HTML5 .
ملاحظة: لجعل عنصر ما قابلاً للسحب ، استخدم سمة HTML5 العامة القابلة للسحب .
تلميح: الروابط والصور قابلة للسحب بشكل افتراضي ، ولا تحتاج إلى خاصية السحب.
هناك العديد من سمات الأحداث المستخدمة ويمكن أن تحدث في المراحل المختلفة لعملية السحب والإفلات:
- يتم تشغيل الأحداث على الهدف القابل للسحب (عنصر المصدر) :
- ondragstart - يتم إطلاقه عندما يبدأ المستخدم في سحب عنصر
- ondrag - يتم إطلاقه عند سحب عنصر
- ondragend - يتم إطلاقه عندما ينتهي المستخدم من سحب العنصر
- تم إطلاق الأحداث على هدف الإسقاط:
- ondragenter - يتم إطلاقه عندما يدخل العنصر المسحوب في هدف الإسقاط
- ondragover - يتم إطلاقه عندما يكون العنصر المسحوب فوق هدف الإسقاط
- ondragleave - يتم إطلاقه عندما يترك العنصر المسحوب هدف الإسقاط
- ondrop - يتم إطلاقه عند إسقاط العنصر المسحوب على هدف الإسقاط
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم سمة الحدث بالكامل.
| 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
❮ سمات حدث HTML