شرح صفوف ومحتوى الفقرة
دالة ()addEventListener تقوم بإضافة event حدث معين لعنصر محدد داخل قائمة الأنتظار EventListener في لغة جافا سكريبت.
دالة ()addEventListener في لغة جافا سكريبت:
- دالة addEventListener لا تقوم بتبديل event موجود ولكن تضيف حدث جديد علي قائمة الأحداث لعنصر محدد.
- يمكن عن طريق دالة addEventListener إضافة أي عدد من الاحداث لأي عنصر.
- يمكن إضافة أكثر من حدث بنفس النوع لنفس العنصر مثل إضافة click ثم إضافة حدث click اخر لنفس العنصر.
- يمكن إضافة عن طريق دالة addEventListener احداث لكائن window.
JavaScript addEventListener syntax
طريقة كتابة دالة addEventListener في لغة جافا سكريبت.
HTML
element.addEventListener(event, function, useCapture); </> JavaScript addEventListener parameters
معطيات أو عوامل دالة addEventListener في لغة جافا سكريبت
- event الحدث الذي يتم إلحاقه بالعنصر مثل click.
- function دالة يتم استدعائها ويكون بداخلها أمر أو مجموعة أوامر برمجية تنفذ فور وقوع الحدث.
- capturing هي قيمة boolean منطقية اختيارية true أو false وهي تفيد بالتقاط الحدث أم حدوث فقاعة.
</> JavaScript addEventListener utility
وظيفة دالة addEventListener في لغة جافا سكريبت
حذف حدث من قائمة انتظار EventListener لعنصر محدد من الأحداث الموجودة مسبقاً.
JavaScript addEventListener
طريقة إستخدام دالة addEventListener في لغة جافا سكريبت.
HTML
let myBtn = document.getElementById("myBtn");
let h1 = document.getElementById("h1");
let paragraph = document.getElementById("paragraph");
myBtn.addEventListener("click", function(){
paragraph.style.color = "blue";
h1.style.color = "red";
});