شرح صفوف ومحتوى الفقرة
في لغة جافا سكريبت يمكن عن طريق click احتكاك المستخدم مع زر mouse الأيسر بتنفيذ أمر برمجي داخل صفحة الويب.
طرق كتابة JavaScript event:
- event attribute بداخل علامة open tag للعنصر عن طريق خصائص جافا سكريبت.
- event methods عن طريق دوال مجهزة في لغة جافا سكريبت
- addEventListener عن طريق هذه الدالة.
event attribute syntax
كتابة event جافا سكريبت داخل العنصر في صفحة HTML.
HTML
<button onclick="JavaScript code here">Click</button>event function syntax
كتابة event جافا سكريبت داخل ملف أو أوامر جافا سكريبت.
HTML
element.onclick = function(){
/* code will execute */
};addEventListener syntax
كتابة event عن طريق دالة addeventListener في لغة جافا سكريبت.
HTML
element.addeventListener('click', function(){
/* code will execute */
});addEventListener with arrow function syntax
كتابة event عن طريق دالةaddeventListener مع arrow function في لغة جافا سكريبت.
HTML
element.addeventListener('click', ()=>{
/* code will execute */
});