دستگیره‌های رویداد DHTML (Event Handlers)
- صفحه قبلی DHTML DOM
- صفحه بعدی جمع‌بندی DHTML
شما می‌توانید در زمان وقوع یک رویداد با استفاده از یک دستگیره رویداد بر روی یک عنصر عملی انجام دهید.
مثال
صفحه بارگذاری شد.بیشتر مثال‌های DHTML نیاز به IE 4.0+، Netscape 7+ یا Opera 7+ دارند!
- onmouseover و onmouseout
- چگونه زمانی که موس روی یک عنصر حرکت می‌کند و از آن خارج می‌شود رنگ یک عنصر تغییر کند.
- کاربر ارزش شیء را تغییر داد.
- چگونه زمانی که کاربر روی یک تصویر کلیک می‌کند تصویر تغییر کند و زمانی که دوباره کلیک می‌کند به تصویر اصلی برگردد.
- onmousedown و onmouseup
- این بار فقط هنگامی که دکمه ماوس را نگه می‌دارید چراغ روشن می‌شود.
- کلییدان صفحه کلید رها شد.
- یک نوار اخطار نمایش داده شود زمانی که صفحه به طور کامل بارگذاری شد.
دستگیره رویداد
با استفاده از یک دستگیره رویداد، شما می‌توانید در زمان وقوع یک رویداد بر روی یک عنصر عملی انجام دهید: زمانی که کاربر روی عنصر کلیک می‌کند، زمانی که صفحه بارگذاری می‌شود، زمانی که یک فرم ارسال می‌شود و غیره.
<h1 onclick="style.color='red'">کلیک کنید</h1>
مثال بالا زمانی که کاربر روی یک عنوان کلیک کند، عنوان را به قرمز درمی‌آورد.
شما همچنین می‌توانید یک اسکریپت در بخش head صفحه اضافه کنید و سپس از دستگیره رویداد به این توابع دسترسی پیدا کنید:
<html>
<head>
<script type="text/javascript">
function تغیررنگ()
{
document.getElementById('header').style.color="red"
}
</script>
</head>
<body>
<h1 id="header" onclick=" تغیررنگ()">کلیک کنید
