javascript Event

Event, 이벤트

- 웹 페이지에서는 어떤 종류의 상호작용이 발생할 때 이벤트가 일어난다. 

  사용자가 무언가를 클릭하거나 특정 요소 위로 마우스를 가져가거나 특정한 키를 누르는 것 등이 이러한 상호작용에 포함된다.

- BOM에서 다루는 이벤트

- 사용자(사람)와 상호 작용하면서 일어나는 사건 > 마우스(키보드, 터치, 음성)를 조작하면 조작에 대한 반응

- ex) 마우스 버튼 꾹~(클릭) > 프로그램상에서 이벤트 발생(클릭) > 미리 준비해놓은 프로그래밍 코드 호출(실행)

이벤트 처리 방식

1. 정적 방식

- 태그의 속성으로 onXXX속성을 사용하는 방식

- onXXX : 이벤트 핸들러 (Event Handler)

2. 동적 방식

- 함수를 사용하여 태그의 속성을 변경하는 방식

//예시

=> button의 value 값이 바뀌게된다.

이벤트타입

• onabort: 이미지 로딩이 중단될 경우 실행된다.
• onblur: 엘리먼트가 입력 포커스를 잃어버릴 경우 실행된다.
• onchange: 폼 엘리먼트가 포커스를 잃고 값이 변경될 경우 실행된다.
• onclick: 마우스 버튼이 눌렸다 떼어질 때 실행된다. mouseup 이벤트가 이어서 발생한다. 기본 동작 방식을 취소하려면 false를 반환한다.
• ondblclick: 마우스가 더블클릭될 때 실행된다.
• onerror: 이미지 로딩 오류가 일어날 경우 실행된다.
• onfocus: 엘리먼트가 입력 포커스를 얻을 경우 실행된다.
• onkeydown: 키가 눌렸을 때 실행된다. 취소하려면 false를 반환한다.
• onkeypress: 키가 눌렸을 때 실행된다. keydown 이벤트가 이어서 발생한다. 취소하려면 false를 반환한다.
• onkeyup: 키에서 손을 뗐을 때 실행된다. keypress 이벤트가 이어서 발생한다.
• onmousedown: 마우스 버튼이 눌렸을 때 실행된다.
• onmousemove: 마우스가 이동할 경우 실행된다.
• onmouseout: 마우스가 엘리먼트에서 벗어났을 때 실행된다.
• onmouseover: 마우스가 엘리먼트 위로 이동할 때 실행된다.
• onmouseup: 마우스 버튼에서 손을 뗐을 때 실행된다.
• onresize: 윈도우 크기가 변경될 경우 실행된다.
• onselect: 텍스트가 선택됐을 때 실행된다.
• onreset: 폼 초기화가 요청됐을 때 실행된다. 초기화를 방지하려면 false를 반환한다.
• onsubmit: 폼 제출이 요청됐을 때 실행된다. 제출을 방지하려면 false를 반환한다.
• onload: 문서 로딩이 완료됐을 때 실행된다.
• onunload: 문서나 프레임셋이 사라졌을 때 실행된다.

출처 :http://codingnuri.com/javascript-tutorial/html-dom-events-and-event-handling.html