سمة 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 |