سمة عند السحب HTML
التعريف والاستخدام
يتم ondragend
تنشيط السمة عندما ينتهي المستخدم من سحب عنصر أو تحديد نص.
للتعرف على ميزة السحب والإفلات ، اقرأ دروس HTML الخاصة بنا عن HTML5 Drag and Drop .
نصيحة: الروابط والصور قابلة للسحب بشكل افتراضي ، ولا تحتاج إلى draggable
السمة.
هناك العديد من سمات الأحداث المستخدمة ويمكن أن تحدث في المراحل المختلفة لعملية السحب والإفلات:
- يتم تشغيل الأحداث على الهدف القابل للسحب (عنصر المصدر) :
ondragstart
- حرائق عندما يبدأ المستخدم في سحب عنصرondrag
- حرائق عند سحب عنصرondragend
- حرائق عندما ينتهي المستخدم من سحب العنصر
- تم إطلاق الأحداث على هدف الإسقاط:
ondragenter
- حرائق عندما يدخل العنصر المسحوب في هدف الإسقاطondragover
- حرائق عندما يتجاوز العنصر المسحوب هدف الإسقاطondragleave
- حرائق عندما يترك العنصر المسحوب هدف الإسقاطondrop
- حرائق عند إسقاط العنصر المسحوب على هدف الإسقاط
ينطبق على
السمة ondragend
هي جزء من سمات الحدث ، ويمكن استخدامها على أي عناصر HTML.
عناصر | حدث |
---|---|
جميع عناصر HTML | عند السحب |
مثال
مثال ف
نفّذ جافا سكريبت عندما ينتهي المستخدم من سحب عنصر <p>:
<p draggable="true" ondragend="myFunction(event)">Drag me!</p>
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم سمة الحدث بالكامل.
Event Attribute | |||||
---|---|---|---|---|---|
ondragend | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |