69장 JavaScript Event
| Click | mouse over | DbClick |
| MouseDown(네이버) | Mousemove | MouseUp |
즐겨찾기
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type ="text/javascript">
function Go() {location.href = "http://www.naver.com/"; }
</script>
</head>
<body onload ="alert('어서오세요');" onunload="alert('감사합니다');">
<table border="1" width=100>
<tr>
<td onclick="window.alert('Click');">Click</td>
<td onmouseover ="this.style.backgroundColor='#66FF99' ;"
onmouseout = "this.style.backgroundColor='';">mouse over</td>
<td ondblclick="this.style.fontWeight = 'bold';">DbClick</td>
</tr>
<tr>
<td onmousedown="Go();">MouseDown(네이버)</td>
<td onmousemove="alert('꽝');">Mousemove</td>
<td onmouseup="window.open('http://www.naver.com','','');">MouseUp</td>
</tr>
<tr>
<td >
<input type="text" onkeyup="alert(this.value)" maxlength="1" />
</td>
<td>
<input type ="text" onkeypress="alert(this.value)" maxlength="1" />
</td>
<td>
<input type ="text" onkeydown="alert(this.value)" maxlength="1" />
</td>
</tr>
<tr>
<td>
<input type ="button" value="포커스" onfocus="this.style.border='1px solid red';"
onblur="this.style.border='1px dotted gray';" />
</td>
<td>
<input type="text" value="1234" onchange="alert('쉬는시간~');" />
</td>
<td>
</td>
</tr>
</table>
<script>
function GoGo(url) {
location.href = url;
}
</script>
<h2>즐겨찾기</h2>
<select onchange="GoGo(this.value);">
<option value="http://www.naver.com/">네이버</option>
<option value="http://www.google.com/">구글</option>
</select>
<!--블록설정하였을때 메시지박스 1234 표시-->
<input type ="text" onselect="alert(this.value);" value="1234" />
</body>
</html>