أحداث HTML

 تقوم أحداث HTML بإنشاء أحداث والتي تظهر على المتصفح .


الأحداث

باستخدام الجافاسكربت يمكنك إنشاء صفحات انترنت ديناميكية علماً أن الأحداث عبارة عن أفعال يتم إنشائها من خلال الجافاسكربت JavaScript .

كل عنصر في HTML يمكن ادارج أحداث معه في الجافاسكربت . على سبيل المثال يمكن استخدام الحدث onClick على عنصر الزر ليشيربأن كود وظيفي سيتم استخدامه عند ضغط المستخدم على الزر . يمكن تعريف الأحداث في عناصر HTML .

أمثلة عن الأحداث 

  • عند الضغط بالماوس .
  • عند فتح صفحة أو صورة .
  • عند تمرير الماوس فوق نقطة معينة في صفحة الويب .
  • عند اختيار حقل نص في نماذج HTML .
  • عند الضغط على زر ارسال النموذج .
  • عند الضغط بزر لوحة الوسوم .

في المثال التالي سيتم تغيير محتوى العنصر h1 عند الضغط عليها .

<html>
<body>
<h1 onclick="this.innerHTML='تم الضغط'">اضغط على النص</h1>

</body>
</html>

يمكنك اضافة الكود في قسم head وبعدها يمكنك استدعاء الكود الوظيفي function من خلال الضغط على الحدث :

<html>
<head>
<script type="text/javascript">

function changetext(id) {
id.innerHTML="تم الضغط";
}

</script>
</head>
<body>

<h1 onclick="changetext(this)"> اضغط على النص</h1>

</body>
</html>