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
ظيفة رد.