مدل DOM به JavaScript اجازه می دهد تا به رویدادهای یک صفحه HTML، واکنش نشان دهد.
مثال (واکنش به رویدادها در JavaScript)
Mouse Over Me
Click Me
واکنش به رویدادها
یک کد JavaScript می تواند زمانی که یک رویداد اتفاق می افتد، اجرا شود، مانند زمانی که کاربر روی یک دکمه کلیک کند.
برای اجرای شدن کد JavaScript به ازای یک رویداد، باید کد مورد نظر را در خصوصیت مربوط به همان رویداد نوشت:
onclick=JavaScript
مثالی از رویدادها:
- با كلیك موس
- زمانی كه یك صفحه یا یك عكس بارگذاری می شود
- موس بر روی یك نقطه خاص بر روی صفحه برود
- انتخاب كردن یك فیلد ورودی در فرم HTML
- ارسال یك فرم HTML
- فشردن یک کلید کیبورد
توجه: معمولاً رویدادها در تركیب با توابع استفاده می شوند و قبل از آنكه رویداد اتفاق بیافتد، تابع اجرا نخواهد شد.
در مثال زیر، زمانی که کاربر روی متن کلیک کند، محتوای عنصر <h1> تغییر می کند:
مثال (واکنش به رویدادها در JavaScript)
<!DOCTYPE html>
<html>
<body>
<h1 onclick="this.innerHTML='Ooops!'">Click on this text!</h1>
</body>
</html>
خودتان امتحان کنید »<html>
<body>
<h1 onclick="this.innerHTML='Ooops!'">Click on this text!</h1>
</body>
</html>
در مثال زیر، زمانی که کاربر روی متن کلیک کند، تابع changetext فراخوانی می شود:
مثال (واکنش به رویدادها در JavaScript)
<!DOCTYPE html>
<html>
<head>
<script>
function changetext(id)
{
id.innerHTML="Ooops!";
}
</script>
</head>
<body>
<h1 onclick="changetext(this)">Click on this text!</h1>
</body>
</html>
خودتان امتحان کنید » <html>
<head>
<script>
function changetext(id)
{
id.innerHTML="Ooops!";
}
</script>
</head>
<body>
<h1 onclick="changetext(this)">Click on this text!</h1>
</body>
</html>
