<HTML>
<HEAD>
<TITLE>이벤트 설명</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<script language="javascript">
</script>
기본버튼 : <input type="button" value="버튼"><br>
클릭이벤트 적용 :
<input type="button" value="버튼" onClick="alert('클릭이벤트발생');"><br>
마우스오버이벤트 적용 :
<input type="button" value="버튼" onMouseOver="alert('마우스오버이벤트발생');"><br>
마우스아웃이벤트 적용 :
<input type="button" value="버튼" onMouseOut="alert('마우스아웃이벤트발생');"><br>
블러(Blur) 이벤트 적용 :
<input type="radio" value="Blur이벤트" onBlur="alert('흐려짐...');"><br>
포커스(Focus)이벤트 적용 :
<input type="text" onFocus="alert('선택하셨군요...');"><br>
<TABLE border="1">
<TR>
<TD onMouseOver="this.style.backgroundColor='red';"
onMouseOut="this.style.backgroundColor='';"
>빨강</TD>
<TD onMouseOver="this.style.backgroundColor='blue';"
onMouseOut="this.style.backgroundColor='';"
>파랑</TD>
</TR>
<TR>
<TD onMouseOver="this.style.backgroundColor='yellow';"
onMouseOut="this.style.backgroundColor='';"
>노랑</TD>
<TD onMouseOver="this.style.backgroundColor='black';"
onMouseOut="this.style.backgroundColor='';"
>검정</TD>
</TR>
</TABLE>
</BODY>
</HTML>