انتقل إلى محتوى الدرس
فقرة فرعية #2 من درس: Add elements

addEventListener

في هذا الدرس سوف نتعرف علي طريقة اضافة بعض الخصائص والدوال الي عناصر ال HTML باستخدام لغة ال java script

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

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

الصف 1 شرح توضيحي
  • ( )addEventListener : هي عبارة عن دالة تستخدم في اضافة حدث event الي عنصر معين 
  • تعتبر الأحداث events جزء أساسي ومهم في لغة الجافا سكريبت
  •  تستجيب صفحة الويب للأحداث التي يقوم بها المستخدم 
  • الاحداث يمكن أن تكون تم انشائها بواسطة المستخدم أو بواسطة API معين 
  • ( )addEventlistiner هي عبارة عن دالة built-in مبنية بداخل لغة ال java script 
  • يمكننا إضافة اكثر من حدث الي عنصر معين بدون الغاء احداث كانت موجودة من قبل مرتبطة بهذا العنصر 

- يتم تمرير عنصرين الي دالة ( )addEventListener  وهما : 

  • event : وهو نوع الحدث الذي تريد اضافته مثل (click, dblclick ) 
  • function : هي عبارة عن دالة تقوم بتحديدها ليتم تنفيذها عند قيام المستخدم بتنفيذ الحدث الذي قمت بتعيينه 

Syntax

HTML
addEventListener(event, function);

Example

HTML
function fun() {
document.getElementById("para").innerHTML = "Hello World" + "<br>" + "Welcome to the  closeTag.com";