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