سمة حدث HTML ondragover
مثال
قم بتنفيذ JavaScript عندما يتم سحب عنصر فوق هدف الإسقاط:
<div ondragover="myFunction(event)"></div>
التعريف والاستخدام
يتم تنشيط سمة ondragover عندما يتم سحب عنصر قابل للسحب أو تحديد نص فوق هدف إسقاط صالح.
بشكل افتراضي ، لا يمكن إسقاط البيانات / العناصر في عناصر أخرى. للسماح بالإسقاط ، يجب أن نمنع المعالجة الافتراضية للعنصر. يتم ذلك عن طريق استدعاء الأسلوب event.preventDefault () للسمة ondragover.
يعد السحب والإفلات ميزة شائعة جدًا في HTML5. إنه عندما "تمسك" بشيء ما وتسحبه إلى مكان مختلف. لمزيد من المعلومات ، راجع دروس HTML الخاصة بنا حول السحب والإفلات بتنسيق HTML5 .
ملاحظة: لجعل عنصر ما قابلاً للسحب ، استخدم سمة HTML5 العامة القابلة للسحب .
تلميح: الروابط والصور قابلة للسحب بشكل افتراضي ، ولا تحتاج إلى خاصية السحب.
هناك العديد من سمات الأحداث المستخدمة ويمكن أن تحدث في المراحل المختلفة لعملية السحب والإفلات:
- يتم تشغيل الأحداث على الهدف القابل للسحب (عنصر المصدر) :
- ondragstart - يتم إطلاقه عندما يبدأ المستخدم في سحب عنصر
- ondrag - يتم إطلاقه عند سحب عنصر
- ondragend - يتم إطلاقه عندما ينتهي المستخدم من سحب العنصر
- تم إطلاق الأحداث على هدف الإسقاط:
- ondragenter - يتم إطلاقه عندما يدخل العنصر المسحوب في هدف الإسقاط
- ondragover - يتم إطلاقه عندما يكون العنصر المسحوب فوق هدف الإسقاط
- ondragleave - يتم إطلاقه عندما يترك العنصر المسحوب هدف الإسقاط
- ondrop - يتم إطلاقه عند إسقاط العنصر المسحوب على هدف الإسقاط
ملاحظة: أثناء سحب عنصر ، يتم تشغيل حدث ondragover كل 350 مللي ثانية.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم سمة الحدث بالكامل.
| Event Attribute | |||||
|---|---|---|---|---|---|
| ondragover | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
بناء الجملة
<element ondragover="script">
قيم السمات
| Value | Description |
|---|---|
| script | The script to be run on ondragover |
تفاصيل تقنية
| علامات HTML المدعومة: | كل عناصر HTML |
|---|
الصفحات ذات الصلة
دروس HTML: سحب وإفلات HTML5
مرجع HTML: سمة HTML قابلة للسحب
مرجع DOM HTML: حدث ondragover
❮ سمات حدث HTML