최신 웹 개발 튜토리얼
 

JavaScript HTML DOM 이벤트 예


자바 스크립트를 사용하는 예는 이벤트에 반응하는


입력 이벤트

onblur - 사용자가 입력 필드를 떠날 때
onchange - 사용자가 입력 필드의 내용을 변경하면
onchange - 사용자가 드롭 다운 값을 선택하면
onfocus - 입력 필드가 포커스를받을 때
onselect - 입력 된 텍스트가 선택되면
onsubmit - 사용자가 클릭하면 버튼을 제출
onreset - 사용자가 리셋 버튼을 클릭하면
onkeydown - 사용자가 누른 경우 / 키를 누른 채
onkeypress - 사용자가 누른 경우 / 키를 누른 채
onkeyup - 사용자가 키를 놓을 때
onkeyup - 사용자가 키를 놓을 때
onkeydownonkeyup - 두

마우스 이벤트

onmouseover/onmouseout - 마우스가 요소를 통과 할 때
onmousedown/onmouseup - 누름 / 해제 마우스 버튼
onmousedown - 마우스를 클릭하면 : 어떤 요소 경고
onmousedown - 마우스를 클릭하면 : 어떤 버튼 경고
onmousemove/onmouseout - 이미지에서 마우스 포인터를 이동 /시
onmouseover/onmouseout - 이미지에서 / 위로 마우스를 이동할 때
onmouseover 이미지 맵

이벤트 클릭

받는 행동 onclick 이벤트
onclick - 버튼이 클릭되면
ondblclick - 텍스트를 두 번 클릭하면

로드 이벤트

onload - 페이지가로드 된
onload - 이미지가로드 된
onerror - 오류가 발생하면 이미지를로드 할 때
onunload - 브라우저는 문서를 닫을 때
onresize - 브라우저 창 크기가 조정되는 경우

기타

키의 키 코드 무엇 누르면?
커서의 좌표는 무엇입니까?
화면에 상대적으로 커서의 좌표는 무엇입니까?
시프트 키를 누른?
어떤 이벤트 유형이 발생?

예를 설명