مثال
تنفيذ جافا سكريبت عندما يتم سحب عنصر أكثر من هدف إفلات:
<div ondragover="myFunction(event)"></div> انها محاولة لنفسك » تعريف واستخدام
و ondragover السمة الحرائق عندما يتم سحب عنصر قابل للسحب أو اختيار النص على انخفاض هدف صالح.
افتراضيا، / عناصر لا يمكن إسقاط البيانات في عناصر أخرى. للسماح للانخفاض، يجب علينا منع معالجة الافتراضي للعنصر. ويتم ذلك عن طريق استدعاء event.preventDefault() طريقة ل ondragover السمة.
السحب والإسقاط هو سمة شائعة جدا في HTML5. ومن عند "انتزاع" كائن واسحبه إلى موقع آخر. لمزيد من المعلومات، يرجى الاطلاع على ملف HTML على HTML5 السحب والإسقاط .
ملاحظة: لجعل عنصر قابل للسحب، استخدم HTML5 العالمية draggable السمة.
نصيحة: وصلات، والصور هي القابلة للسحب افتراضيا، ولا تحتاج draggable السمة.
هناك العديد من سمات الحدث التي يتم استخدامها، ويمكن أن يحدث، في مراحل مختلفة من عملية السحب والإفلات:
- الأحداث أطلق على الهدف القابل للسحب (العنصر المصدر):
- ondragstart - حرائق عندما يبدأ المستخدم لسحب عنصر
- ondrag - حرائق عندما يتم سحب عنصر
- ondragend - حرائق عندما ينتهي المستخدم من سحب العنصر
- الأحداث النار على هدف إفلات:
- ondragenter - حرائق عندما يدخل عنصر جر انخفاض الهدف
- ondragover - حرائق عندما العنصر جر هو أكثر من هدف إفلات
- ondragleave - حرائق عندما يترك عنصر جر انخفاض الهدف
- ondrop - حرائق عندما يتم إسقاط عنصر جره على هدف إفلات
ملاحظة: على الرغم من سحب عنصر، الحدث ondragover يطلق كل 350 ميلي ثانية.
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل event السمة.
| الحدث سمة | |||||
|---|---|---|---|---|---|
| ondragover | 4.0 | تسعة | 3.5 | 6.0 | 12.0 |
الخلافات بين HTML 4.01 و HTML5
و ondragover السمة الجديدة في HTML5.
بناء الجملة
<elementondragover=" script ">
السمة القيم
| القيمة | وصف |
|---|---|
| script | السيناريو ليتم تشغيلها على ondragover |
تفاصيل تقنية
| علامات HTML المعتمدة: | جميع عناصر HTML |
|---|
صفحات ذات صلة
درس HTML: سحب وإسقاط HTML5
HTML المرجعي: HTML سمة قابل للسحب
HTML DOM المرجعي: ondragover الحدث