이벤트 정리
이벤트란?
사용자로 부터 특정 조작이 행해졌을 때 컴퓨터로부터 발생되는 일종의 신호
자바스트립트의 이벤트 목록
- blur : 입력 포커스가 폼의 구성요소에 있다가 옮겨진 경우에 발생
- click : 링크나 폼의 구성원을 선택한 경우에 발생
- change : 입력 포커스가 폼 내의 필드에 주어진 경우 발생
- focus : 폼의 구성원의 필드에 입력을 하기 위해 선택하는 경우 발생
- load : 페이지를 브라우저로 읽을 때 발생하는 이벤트
- mouseover : 마우스 포인터를 하이퍼 텍스트 링크 위로 옮길 때 발생
- select : 폼의 구성원의 필드를 선택한 경우에 발생하는 이벤트
- submit : 폼을 등록한 경우에 발생하는 이벤트(폼과 함께 제공되는 submit과 같은 입력이 끝났음을 알리는 버튼을 누르면 발생)
- unload : 지금 읽고 있는 페이지 외의 다른 페이지를 읽고자 할 경우 발생
- dblclick : 해당 객체를 더블클릭 했을 경우
- mouseout : 객체 안에 마우스 포인터가 머무르다 벗어나게 된 경우 발생
- 특정 이벤트와 이에 대한 조치 내용을 담은 코드를 연결하는 역할
- 자바 스크립트에서는 주로 사용자 입력과 관계된 form과 anchor에 대해서 이벤트 핸들러를 제공
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<body
onload="window.alert('어서오세요.');"
onunload="alert('안녕히 가세요');"
>
<input type="text" onfocus="this.style.backgroundColor='yellow';"
onblur="this.style.backgroundColor='white';"
/>
<input type="text" onkeypress="alert('타이핑 하셨군요.');"
onchange="document.bgColor='silver';"
onmousemove="this.style.backgrounColor='yellow';"
/>
<table border="1" width="100%">
<tr>
<td onclick="alert('클릭하셨군요');">클릭</td>
<td onmouseover="alert('오버하셨군요.');">마우스오버</td>
</tr>
<tr>
<td ondblclick="alert('더블 클릭하셨군요');">더블클릭</td>
<td onmouseout="alert('밖으로 이동하셨군요.');">마우스아웃</td>
</tr>
</table>
</body>
</html>
'Programming > Javascript' 카테고리의 다른 글
| 스타일객체 (0) | 2013.01.03 |
|---|---|
| onload이벤트 (0) | 2013.01.01 |
| 폼 유효성 검사2(submit&button 비교) (0) | 2013.01.01 |
| 폼 유효성 검사(아이디, 비밀번호) (0) | 2013.01.01 |
| history 객체 메서드&속성 (0) | 2013.01.01 |
