أنواع Event

• النقر (click): يحدث عندما يتم النقر على عنصر.
• مرور الماوس (mouseover): يحدث عندما يحوم الماوس فوق عنصر.
• إخراج الماوس (mouseout): يحدث عندما يغادر الماوس عنصرًا.
• الضغط على مفتاح (keydown): يحدث عندما يتم الضغط على مفتاح.
• رفع مفتاح (keyup): يحدث عندما يتم رفع مفتاح.
• الإرسال (submit): يحدث عندما يتم إرسال نموذج.
• التحميل (load): يحدث عند تحميل صفحة.
• تغيير الحجم (resize): يحدث عند تغيير حجم المتصفح.

مثال JavaScript لاستكشاف أنواع الأحداث الشائعة:

// انقر
document.getElementById("button").addEventListener("click", function() {
  console.log("تم النقر على الزر");
});

// مرور الماوس
document.getElementById("container").addEventListener("mouseover", function() {
  console.log("حوم الماوس فوق الحاوية");
});

// إخراج الماوس
document.getElementById("container").addEventListener("mouseout", function() {
  console.log("غادر الماوس الحاوية");
});

// الضغط على مفتاح
document.addEventListener("keydown", function(event) {
  console.log("تم الضغط على المفتاح: " + event.key);
});

// رفع مفتاح
document.addEventListener("keyup", function(event) {
  console.log("تم رفع المفتاح: " + event.key);
});

// الإرسال
document.getElementById("form").addEventListener("submit", function(event) {
  event.preventDefault();
  console.log("تم إرسال النموذج");
});

// التحميل
window.addEventListener("load", function() {
  console.log("تم تحميل الصفحة");
});

// تغيير الحجم
window.addEventListener("resize", function() {
  console.log("تم تغيير حجم المتصفح");
});