31. 이벤트(Event)
.NET프로그래밍/JavaScript 1.2 2009. 8. 13. 17:32 |<!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('클릭됨');">1클릭</td>
<td onmouseover="this.style.backgroundColor='yellow';"
onmouseout="this.style.backgroundColor='';">2마우스오버/마우스아웃</td>
<td ondblclick="this.style.fontWeight='bold';">3두번클릭하면볼드체</td>
</tr>
<tr>
<td onmousedown="Go();">4마우스다운(마우스클릭)</td>
<td onmousemove="alert('꽝');">5마우스무브</td>
<td onmouseup="window.open('http://www.naver.com', '', '');">6마우스업(마우스 눌렀다 뗄 때)</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>
<select onchange="GoGo(this.value);">
<option>- 즐겨찾기 -</option>
<option value="http://www.dotnetkorea.com/">닷넷코리아</option>
<option value="http://www.VisualAcademy.com/">비주얼아카데미</option>
</select>
<input type="text" onselect="alert(this.value);" value="1234" />
</body>
</html>
'.NET프로그래밍 > JavaScript 1.2' 카테고리의 다른 글
| 33. 문자열관련함수 (0) | 2009.08.13 |
|---|---|
| 32. 날짜관련 내장객체 (0) | 2009.08.13 |
| 30. 자바스크립트에서 스타일시트 접근 (0) | 2009.08.11 |
| 29. 드롭다운리스트체크(selectedIndex 사용) (0) | 2009.08.11 |
| 28. 폼(form)객체 - 2 (0) | 2009.08.11 |