معالج أحداث DHTML (Event Handlers)

يمكنك تنفيذ عملية على عنصر ما عند حدوث أحد الأحداث من خلال معالج الحدث.

المثال

التعليق:معظم أمثلة DHTML تتطلب IE 4.0+، Netscape 7+ أو Opera 7+!

onmouseover و onmouseout
كيفية تغيير لون العنصر عند تحريك مؤشر الماوس فوقه أو بعيدًا عنه.
onclick
كيفية تغيير الصورة عند النقر عليها، ثم العودة إلى الصورة الأصلية عند النقر عليها مرة أخرى.
onmousedown و onmouseup
في هذه المرة فقط سيضيء الضوء عندما تضغط على زر الماوس.
onload
عرض نافذة تنبيه عند اكتمال تحميل الصفحة.

معالج الحدث

من خلال معالج الحدث، يمكنك تنفيذ عملية على عنصر ما عند حدوث أحد الأحداث: عند النقر على العنصر، عند تحميل الصفحة، عند تقديم استمارة، وما إلى ذلك.

<h1 onclick="style.color='red'">انقر على هذا النص</h1>

في المثال السابق يمكن تعريف أن يصبح العنوان أحمر عند النقر عليه من قبل المستخدم.

يمكنك أيضًا إضافة فقرة سكريبت في جزء head من الصفحة، ثم طلب دعوة الدالة من معالج الحدث:

<html>
<head>
<script type="text/javascript">
function changecolor()
{
document.getElementById('header').style.color="red"
}
</script>
</head>
<body>
<h1 id="header" onclick="changecolor()"انقر على هذا النص</h1>
</body>
</html>

معالج أحداث HTML 4.0

حدث عندما...
onabort يوقف المستخدم تحميل الصفحة.
onblur يغادر المستخدم العنصر.
onchange يُغير المستخدم قيمة العنصر.
onclick يُضرب المستخدم على العنصر.
ondblclick يُضرب المستخدم مرة ثانية على العنصر.
onfocus يُنشط المستخدم العنصر.
onkeydown يضغط المستخدم على لوحة المفاتيح.
onkeypress يضغط المستخدم على لوحة المفاتيح.
onkeyup يتم إطلاق لوحة المفاتيح.
onload

تم إكمال تحميل الصفحة.

التعليق:في Netscape، يحدث هذا الحدث عند تحميل الصفحة.
onmousedown يضغط المستخدم على زر الماوس.
onmousemove يتحرك المؤشر على العنصر.
onmouseover يذهب المؤشر إلى العنصر.
onmouseout يخرج المؤشر من العنصر.
onmouseup يطلق المستخدم زر الماوس.
onreset يعيد المستخدم إلى صيغة النموذج.
onselect يختار المستخدم محتوى على الصفحة.
onsubmit يقدم المستخدم نموذج.
onunload يغلق المستخدم الصفحة.