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