سمات أحداث HTML

آخر تحديث: 2026-09-12

سمات أحداث HTML

تربط سمات الأحداث معالجات الأحداث مباشرة في HTML، وتنفذ JavaScript عند وقوع حدث معين. يمكن استخدامها على جميع عناصر HTML، وهي أساس تفاعل الصفحة.

أحداث النافذة / المستند

Event AttributesDescription
onloadيحدث عند اكتمال تحميل العنصر.
onunloadيحدث عند تفريغ الصفحة.
onresizeيحدث عند تغيير حجم النافذة.
onscrollيحدث عند تمرير العنصر أو الصفحة.
onerrorيحدث عند فشل تحميل مورد (مثل صورة أو سكربت).

أحداث النماذج

Event AttributesDescription
onsubmitيحدث عند إرسال نموذج، ويُستخدم غالبًا للتحقق.
onresetيحدث عند إعادة تعيين نموذج.
onchangeيحدث عندما تتغير قيمة عنصر وتفقد التركيز.
oninputيحدث فورًا عند تغيير قيمة العنصر.
onfocusيحدث عندما يكتسب العنصر التركيز.
onblurيحدث عندما يفقد العنصر التركيز.
onselectيحدث عند تحديد نص في حقل نصي.

أحداث لوحة المفاتيح

Event AttributesDescription
onkeydownيحدث عند ضغط مفتاح.
onkeyupيحدث عند تحرير مفتاح.
onkeypressيحدث عند ضغط مفتاح وتحريره (مهمل).

أحداث الماوس

Event AttributesDescription
onclickيحدث عند نقر العنصر.
ondblclickيحدث عند النقر المزدوج على العنصر.
onmousedownيحدث عند ضغط زر الماوس على العنصر.
onmouseupيحدث عند تحرير زر الماوس على العنصر.
onmousemoveيحدث عند تحريك الماوس فوق العنصر.
onmouseoverيحدث عند دخول الماوس إلى العنصر أو أطفاله.
onmouseoutيحدث عند خروج الماوس من العنصر أو أطفاله.
onwheelيحدث عند تمرير عجلة الماوس فوق العنصر.
oncontextmenuيحدث عند فتح قائمة السياق (نقر بزر الماوس الأيمن).

أحداث السحب

Event AttributesDescription
ondragيحدث أثناء سحب العنصر.
ondropيحدث عند إفلات عنصر مسحوب على هدف.

أحداث الحافظة

Event AttributesDescription
oncopyيحدث عند نسخ المحتوى.
oncutيحدث عند قص المحتوى.
onpasteيحدث عند لصق المحتوى.
Web-Tutorial.com

فريق Web-Tutorial التقني

منصة دروس برمجية يديرها عدة مطورين. كل درس يتم كتابته ومراجعته بواسطة مطورين متخصصين في المجال. نعمل على ضمان دقة وموثوقية المحتوى — إذا لاحظت أي مشكلة، فيرجى إخبارنا.

100%