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