سمة عند السحب HTML


التعريف والاستخدام

يتم ondragتنشيط السمة عند سحب عنصر أو تحديد نص.

للتعرف على ميزة السحب والإفلات ، اقرأ دروس HTML الخاصة بنا عن HTML5 Drag and Drop .

نصيحة: الروابط والصور قابلة للسحب بشكل افتراضي ، ولا تحتاج إلى draggableالسمة.

هناك العديد من سمات الأحداث المستخدمة ويمكن أن تحدث في المراحل المختلفة لعملية السحب والإفلات:

  • يتم تشغيل الأحداث على الهدف القابل للسحب (عنصر المصدر) :
    • ondragstart- حرائق عندما يبدأ المستخدم في سحب عنصر
    • ondrag- حرائق عند سحب عنصر
    • ondragend- حرائق عندما ينتهي المستخدم من سحب العنصر

  • تم إطلاق الأحداث على هدف الإسقاط:
    • ondragenter- حرائق عندما يدخل العنصر المسحوب في هدف الإسقاط
    • ondragover- حرائق عندما يتجاوز العنصر المسحوب هدف الإسقاط
    • ondragleave- حرائق عندما يترك العنصر المسحوب هدف الإسقاط
    • ondrop- حرائق عند إسقاط العنصر المسحوب على هدف الإسقاط

ملاحظة: أثناء سحب عنصر ، يتم تشغيل ondragالحدث كل 350 مللي ثانية.


ينطبق على

السمة ondragهي جزء من سمات الحدث ، ويمكن استخدامها على أي عناصر HTML.

عناصر حدث
جميع عناصر HTML ondrag

مثال

مثال ف

نفّذ جافا سكريبت عندما يتم سحب عنصر <p>:

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

دعم المتصفح

تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم سمة الحدث بالكامل.

Event Attribute
ondrag 4.0 9.0 3.5 6.0 12.0