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