2.3 KiB
| title | localeTitle |
|---|---|
| Onclick Event | حدث Onclick |
حدث Onclick
يسمح لك الحدث onclick في JavaScript كمبرمج بتنفيذ وظيفة عند النقر فوق عنصر.
مثال
`Click me
`
في المثال البسيط أعلاه ، عندما ينقر المستخدم على الزر ، سيرى تنبيهًا في المتصفح يعرض Button was clicked! .
إضافة onclick بشكل حيوي
يمكن أيضًا إضافة حدث onclick برمجيًا إلى أي عنصر باستخدام التعليمة البرمجية التالية في المثال التالي:
`
click on this element.
`
ملحوظة
من المهم ملاحظة أن استخدام onclick يمكننا إضافة وظيفة مستمع واحدة فقط. إذا كنت ترغب في إضافة المزيد ، فقط استخدم addEventListener () ، وهي الطريقة المفضلة لإضافة وحدة إصغاء الأحداث.
في المثال أعلاه ، عندما ينقر المستخدم على عنصر paragraph في html ، سيرى تنبيهًا يظهر onclick Event triggered .
منع الفعل الافتراضي
ولكن إذا كان لنا أن نعلق onclick على وصلات (HTML هو a علامة) قد نرغب منع الإجراء الافتراضي إلى حدوث:
`
في المثال أعلاه يمكننا منع السلوك الافتراضي a عنصر (وصلة فتح) باستخدام event.preventDefault() داخل لدينا onclick ظيفة رد.