انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #3 من درس: دوال EventListener في لغة جافا سكريبت

JavaScript many Event Handlers أكثر من حدث في لغة جافا سكريبت

سوف تتعلم في هذا الدرس دالة من احد اهم الدوال في JavaScript DOM والتي تستخدم في إضافة events حدث ما لعناصر معين وهي دالة addEventListener بالإضافة إلي دالة removeEventListener.

1 صفوف تعليمية
جافا سكريبت
2,637 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تنفيذ أكثر من حدث لنفس العنصر عن طريق دالة addEventListener في لغة جافا سكريبت.

JavaScript same Event

إضافة نفس الحدث لعنصر واحد في لغة جافا سكريبت.

HTML 
myBtn.addEventListener("click", function(){color()});
myBtn.addEventListener("click", function(){background()});
جرّب بنفسك

JavaScript many Event Handlers

إضافة events أكثر من حدث لنفس العنصر في لغة جافا سكريبت.

HTML 
myBtn.addEventListener("mouseover", function(){color()});
myBtn.addEventListener("click", function(){hover()});
myBtn.addEventListener("mouseout", function(){background()});
جرّب بنفسك

جميع فقرات هذا الدرس (دوال EventListener في لغة جافا سكريبت)