سمة حدث HTML ondragenter
مثال
قم بتنفيذ JavaScript عندما يدخل عنصر قابل للسحب في هدف الإسقاط:
<div ondragenter="myFunction(event)"></div>
التعريف والاستخدام
يتم تنشيط السمة ondragenter عندما يدخل عنصر قابل للسحب أو تحديد النص في هدف إسقاط صالح.
يمكن أن تساعد أحداث ondragenter و ondragleave المستخدم على فهم أن العنصر القابل للسحب على وشك الدخول إلى هدف الإسقاط أو مغادرته. يمكن القيام بذلك ، على سبيل المثال ، عن طريق تعيين لون الخلفية عندما يدخل العنصر القابل للسحب إلى هدف الإسقاط ، وإزالة اللون عند نقل العنصر خارج الهدف.
يعد السحب والإفلات ميزة شائعة جدًا في HTML5. إنه عندما "تمسك" بشيء ما وتسحبه إلى مكان مختلف. لمزيد من المعلومات ، راجع دروس HTML الخاصة بنا حول السحب والإفلات بتنسيق HTML5 .
ملاحظة: لجعل عنصر ما قابلاً للسحب ، استخدم سمة HTML5 العامة القابلة للسحب .
تلميح: الروابط والصور قابلة للسحب بشكل افتراضي ، ولا تحتاج إلى خاصية السحب.
هناك العديد من سمات الأحداث المستخدمة ويمكن أن تحدث في المراحل المختلفة لعملية السحب والإفلات:
- يتم تشغيل الأحداث على الهدف القابل للسحب (عنصر المصدر) :
- ondragstart - يتم إطلاقه عندما يبدأ المستخدم في سحب عنصر
- ondrag - يتم إطلاقه عند سحب عنصر
- ondragend - يتم إطلاقه عندما ينتهي المستخدم من سحب العنصر
- تم إطلاق الأحداث على هدف الإسقاط:
- ondragenter - يتم إطلاقه عندما يدخل العنصر المسحوب في هدف الإسقاط
- ondragover - يتم إطلاقه عندما يكون العنصر المسحوب فوق هدف الإسقاط
- ondragleave - يتم إطلاقه عندما يترك العنصر المسحوب هدف الإسقاط
- ondrop - يتم إطلاقه عند إسقاط العنصر المسحوب على هدف الإسقاط
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم سمة الحدث بالكامل.
Event Attribute | |||||
---|---|---|---|---|---|
ondragenter | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
بناء الجملة
<element ondragenter="script">
قيم السمات
Value | Description |
---|---|
script | The script to be run on ondragenter |
تفاصيل تقنية
علامات HTML المدعومة: | كل عناصر HTML |
---|
الصفحات ذات الصلة
دروس HTML: سحب وإفلات HTML5
مرجع HTML: سمة HTML قابلة للسحب
مرجع HTML DOM: حدث ondragenter
❮ سمات حدث HTML