DHTML 이벤트 핸들러（이벤트 핸들러）

یک دستگیره رویداد را 통해 یک رویداد رخ دادن زمانی که یک عمل انجام می‌شود، برای یک عنصر خاص استفاده می‌کنید.

مثال

주의:بیشتر مثال‌های DHTML نیاز به IE 4.0+، Netscape 7+ یا Opera 7+ دارند!

onmouseover و onmouseout
چگونه یک عنصر را روی قرار دادن و برداشتن موس تغییر دهید.
onclick
چگونه یک تصویر را کلیک کنید و سپس دوباره کلیک کنید تا به تصویر اولیه بازگردید.
onmousedown و onmouseup
این بار فقط وقتی که دکمه ماوس را نگه می‌دارید چراغ روشن می‌شود.
onload
صفحه کامل بارگذاری شد زمانی یک جعبه هشدار نمایش داده شود.

دستگیره رویداد

یک دستگیره رویداد را 통해 یک رویداد رخ دادن زمانی که یک عمل انجام می‌شود، برای یک عنصر خاص استفاده می‌کنید: عنصر روی کلیک شد، صفحه بارگذاری شد، یک فرم ارسال شد و غیره.

<h1 onclick="style.color='red'">클릭하신 텍스트</h1>

این مثال، کاربر روی یک عنوان کلیک کرد时会 قرمز شدن عنوان را تعریف می‌کند.

صفحه سر خود را یک اسکریپت اضافه کنید و سپس از یک دستگیره رویداد فراخوانی کنید:

<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 사용자가 페이지를 닫습니다.