سمة HTML ondragover


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

يتم تنشيط سمة ondragover عندما يتم سحب عنصر قابل للسحب أو تحديد نص فوق هدف إسقاط صالح.

بشكل افتراضي ، لا يمكن إسقاط البيانات / العناصر في عناصر أخرى. للسماح بالإسقاط ، يجب أن نمنع المعالجة الافتراضية للعنصر. يتم ذلك عن طريق استدعاء الأسلوب event.preventDefault () للسمة ondragover.

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

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

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

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

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

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


ينطبق على

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

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

مثال

مثال Div

قم بتنفيذ JavaScript عندما يتم سحب عنصر فوق هدف الإسقاط:

<div ondragover="myFunction(event)"></div>

دعم المتصفح

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

Event Attribute
ondragover 4.0 9.0 3.5 6.0 12.0