MyPrograming
JavaScript "EVENT" 본문
반응형
Event ?
: 이벤트란, 웹사이트에서 사용자의 행위에의해 발생하는 모든 동작으로, 브라우저에서 화면을 클릭하거나 페이지가 로딩될 때, 화면이 닫힐 때, 화면이 줄거나 늘어날 때 등으로 모든 것이 이벤트라고 할 수 있다.
onclick 예제
<script type="text/javascript">
function hello(){
alert("Hello World");
}
</script>
<html>
<body>
<input type="button" onclick="hello()" value="hello" />
</body>
</html>
value가 "hello"인 버튼을 누르면 자바스크립트에 작성된 hello() 함수가 작동하면서 "Hello World"라는 대화상자가 등장하게 되는 것이다.
그 밖의 이벤트 핸들러 종류
|
이벤트 |
이벤트 핸들러 |
설 명 |
| abort | OnAbort | 이미지를 읽다가 중단했을 경우 |
| blur | OnBlur | 대상에서 포커스가 이동되었을 경우 |
| change | OnChange | 대상에 입력되어 있는 값이 바뀌었을 경우 |
| click | OnClick | 대상을 클릭했을 경우 |
| dbclick | InDbclick | 대상을 더블클릭했을 경우 |
| dragdrop | OnDragDrop | 대상을 클릭한 상태에서 이동했을 경우 |
| error | OnError | 에러가 발생했을 경우 |
| focus | OnFocus | 대상에 포커스가 들어 왔을 경우 |
| Keydown | OnKeyDown | 키가 눌러질 경우 |
| keyprss | OnKeyPress | 화면에 출력되는 키가 눌러질 경우 |
| keyup | OnKeyUp | 키를 눌렀다가 놓았을 경우 |
| load | OnLoad | 대상을 열었을 경우 |
| mousedown | OnMouseDown | 마우스 단추를 눌렀을 경우 |
| mousemove | OnMouseMove | 마우스를 움직였을 경우 |
| mouseout | OnMouseOut | 대상에서 마우스 포인터가 벗어났을 경우 |
| mouseover | OnMouseOver | 대상에 마우스 포인터가 위치했을 경우 |
| mouseup | OnMouseUp | 마우스 포인터를 위치했다가 벗어났을 경우 |
| move | OnMove | 윈도우나 프레임을 움직였을 경우 |
| reset | OnReset | 대상을 재시작 시켰을 경우 |
| resize | OnResize | 윈도우나 프레임의 크기가 변경했을 경우 |
| select | OnSelect | 입력 양식의 한 필드를 선택했을 경우 |
| submit | OnSumit | 입력 양식을 서버로 보냈을 경우 |
| unload | OnUnload | 대상을 종료했을 경우 |
출처 : https://jdh5202.tistory.com/15
자바스크립트(javascript) 이벤트 핸들러
자바스크립트 이벤트 핸들러(Event Handler)란? 이벤트핸들러는 영어 뜻풀이 그대로 "어떠한 사건에 대한 동작을 다룬다"라는 의미입니다. 웹에서 링크에 마우스를 갖다대면 색이 파랗게 바뀌거나 버튼을 클릭하면..
jdh5202.tistory.com
반응형
'JavaScript' 카테고리의 다른 글
| JavaScript (localStorage / sessionStorage) (0) | 2020.04.28 |
|---|---|
| JavaScript "console" 객체 (0) | 2020.04.27 |
| JavaScript DOM이란? (0) | 2020.04.23 |
| JavaScript 백틱(``)기호 (0) | 2020.04.23 |
| JavaScript (개념, 변수, 주석) (0) | 2020.04.22 |
'JavaScript' Related Articles
more
