HTML DOM 이벤트
HTML DOM 이벤트는 자바 스크립트를 HTML 문서의 요소에 다른 이벤트 핸들러를 등록 할 수 있습니다.
이벤트가 정상적으로 기능을 병용하고, 이벤트가 발생하기 전에 함수는 실행되지 않는다 (such as when a user clicks a button) .
Tip: 이벤트 모델은 DOM 레벨 2에 W3C에서 표준화되었다.
HTML DOM 이벤트
DOM: 있는 DOM 레벨 속성이 도입 나타냅니다.
마우스 이벤트
키보드 이벤트
프레임 / 개체 이벤트
양식 이벤트
| 행사 | 기술 | DOM |
|---|
| 에 onblur | 요소가 포커스를 잃을 때 이벤트가 발생 | 이 |
| onchange를 | 폼 요소의 선택 또는 체크 된 상태의 내용이 변경되었을 경우 해당 이벤트가 발생 (for <input>, <keygen>, <select>, and <textarea>) | 이 |
| onfocus 및 | 요소가 포커스를받을 때 이벤트가 발생 | 이 |
| onfocusin | 요소가 포커스를 취득하려고 할 때 이벤트가 발생합니다 | 이 |
| onfocusout | 요소가 포커스를 잃을하려고 할 때 이벤트가 발생합니다 | 이 |
| oninput | 요소가 사용자 입력을 취득하면 이벤트 발생 | 삼 |
| oninvalid | 요소가 무효 인 경우에 이벤트가 발생합니다 | 삼 |
| onreset | 폼 재설정하면 이벤트 발생 | 이 |
| onsearch | 사용자가 검색 필드에 뭔가를 기록 할 때 이벤트가 발생 (에 대해 <input = "검색">) | 삼 |
| onSelect를 | 사용자가 텍스트 선택 후 해당 이벤트가 발생 (for <input> and <textarea>) | 이 |
| onsubmit | 폼이 제출 될 때 이벤트가 발생합니다 | 이 |
드래그 이벤트
클립 보드 이벤트
| 행사 | 기술 | DOM |
|---|
| oncopy | 이벤트는 요소의 사용자 복사 콘텐츠를 발생 | |
| oncut | 사용자가 요소의 내용을 인하하면 이벤트가 발생 | |
| onpaste | 사용자가 요소의 일부 내용을 붙여 넣습니다 때 이벤트가 발생 | |
인쇄 이벤트
미디어 이벤트
| 행사 | 기술 | DOM |
|---|
| 이것은 onAbort | 미디어의 로딩이 중단 될 때 이벤트가 발생 | 삼 |
| oncanplay | (가 시작 충분히 버퍼링 경우) 브라우저가 미디어 재생을 시작할 수있을 때 이벤트가 발생 | 삼 |
| oncanplaythrough | 브라우저가 버퍼링 중지하지 않고 미디어를 통해 재생할 수 있습니다 때 이벤트가 발생 | 삼 |
| ondurationchange | 미디어의 지속 시간이 변경 될 때 이벤트가 발생합니다 | 삼 |
| onemptied | 뭔가 나쁜 일이 발생하고 미디어 파일이 갑자기 사용할 수 없을 때 이벤트가 발생합니다 (like unexpectedly disconnects) | 삼 |
| onended | 미디어 끝에 도달하면 해당 이벤트가 발생합니다 (useful for messages like "thanks for listening") | 삼 |
| 의 OnError | 오류가 미디어 파일의 로딩 중에 발생했을 때 이벤트가 발생합니다 | 삼 |
| onloadeddata | 미디어 데이터가로드 될 때 해당 이벤트 발생 | 삼 |
| onloadedmetadata | 메타 데이터의 경우 해당 이벤트가 발생 (like dimensions and duration) 로드되고 | 삼 |
| onLoadStart를 | 브라우저가 지정된 미디어를 찾고 시작되면 이벤트가 발생 | 삼 |
| onpause | 미디어는 사용자가 하나 또는 프로그램을 일시 정지하면 이벤트 발생 | 삼 |
| onplay | 이 행사는 미디어가 시작되었을 때 발생하거나 더 이상 일시 정지 | 삼 |
| onplaying | 미디어가 일시 정지되거나 버퍼링 중지 된 후에 재생 될 때 이벤트가 발생 | 삼 |
| 으로 onProgress | 브라우저가 미디어 데이터를 가져 오는 과정에있을 때 이벤트가 발생 (downloading the media) | 삼 |
| onratechange | 미디어의 재생 속도가 변경 될 때 이벤트가 발생합니다 | 삼 |
| onseeked | 사용자가 매체에서 새로운 위치로 스킵 / 이동이 완료 될 때 이벤트 발생 | 삼 |
| onseeking | 사용자가 미디어의 새로운 위치로 스킵 / 이동 시작하면 이벤트 발생 | 삼 |
| onstalled | 브라우저가 미디어 데이터를 얻으려고하면 이벤트가 발생하지만, 데이터를 사용할 수 없습니다 | 삼 |
| onsuspend | 브라우저가 의도적으로 미디어 데이터를 받고 있지 않을 때 이벤트가 발생합니다 | 삼 |
| ontimeupdate | 재생 위치가 변경되면 해당 이벤트가 발생 (같은 때 매체에서 다른 지점으로 사용자 빨리 감기) | 삼 |
| onvolumechange | 미디어의 볼륨 (이 "소거"볼륨을 설정하는 단계를 포함)이 변경되면 해당 이벤트 발생 | 삼 |
| onwaiting | 이벤트는 미디어가 일시 중지 될 때 발생하지만 (미디어가 더 많은 데이터를 버퍼링 할 때, 일시 정지 등) 재개 예상 | 삼 |
애니메이션 이벤트
전환 이벤트
서버 전송 이벤트
기타 이벤트
| 행사 | 기술 | DOM |
|---|
| 의 onMessage | 이벤트 메시지를 통해 또는 객체에서 수신 될 때 발생합니다 (WebSocket, Web Worker, Event Source or a child frame or a parent window) | 삼 |
| 으로 onMouseWheel | 추천되고 있지 않습니다. 사용 onwheel의 대신에 이벤트를 | |
| ononline | 브라우저가 온라인으로 작업을 시작하면 이벤트가 발생 | 삼 |
| onoffline | 브라우저가 오프라인으로 작업을 시작하면 이벤트가 발생 | 삼 |
| onpopstate | 윈도우의 역사를 변경하면 이벤트가 발생 | 삼 |
| 에서 onShow | 경우 해당 이벤트가 발생 <menu> 요소는 문맥 메뉴로 표시되는 | 삼 |
| 하는 onstorage | 웹 저장 영역이 업데이트 될 때 이벤트가 발생합니다 | 삼 |
| ontoggle | 사용자가 열리고 닫힐 때 또는 이벤트가 발생 <details> 요소 | 삼 |
| onwheel | 마우스 휠이 요소 상에 아래로 롤업하거나 이벤트가 발생합니다 | 삼 |
터치 이벤트
| 행사 | 기술 | DOM |
|---|
| ontouchcancel | 터치가 중단 될 때 이벤트가 발생합니다 | |
| ontouchend | 손가락이 터치 스크린으로부터 제거 될 때 해당 이벤트 발생 | |
| ontouchmove | 손가락이 화면을 가로 질러 드래그하면 해당 이벤트 발생 | |
| ontouchstart | 손가락이 터치 스크린 상에 위치 될 때 해당 이벤트 발생 | |
이벤트 객체
상수
| 일정한 | 기술 | DOM |
|---|
| CAPTURING_PHASE | 현재 이벤트 단계가 캡처 단계입니다 (1) | 1 |
| AT_TARGET | 이 이벤트 대상에서 평가되는, 즉 현재의 이벤트는 목표 상에 (2) | 이 |
| BUBBLING_PHASE | 현재 이벤트 위상 버블 링 단계이다 (3) | 삼 |
등록
| 재산 | 기술 | DOM |
|---|
| 거품 | 특정 이벤트가 버블 링 이벤트인지 여부를 반환 | 이 |
| 취소 할 | 이벤트가 기본 동작은 예방할 수 있습니다 반환 여부 | 이 |
| currentTarget | 그 이벤트 리스너가 이벤트를 트리거 한 요소를 돌려줍니다 | 이 |
| defaultPrevented | 반품 여부 preventDefault() 메서드는 이벤트를 불렀다 | 삼 |
| 의 EventPhase | 이벤트 플로우의 국면이 평가되고 있는지를 반환 | 이 |
| isTrusted | 이벤트가 신뢰할 수 있는지 여부를 돌려줍니다 | 삼 |
| 목표 | 이벤트를 트리거 한 요소를 돌려줍니다 | 이 |
| 때문에, timeStamp | 시간 반환 (in milliseconds relative to the epoch) 이벤트가 생성 된시를 | 이 |
| 유형 | 이벤트의 이름을 돌려줍니다 | 이 |
| 전망 | 이벤트가 발생 Window 객체에 대한 참조를 반환 | 이 |
행동 양식
MouseEvent 객체
| 재산 | 기술 | DOM |
|---|
| Alt 키 | 있는지 어떤지를 돌려줍니다 "ALT" 마우스 이벤트가 발생되었을 때 키를 누르면했다 | 이 |
| 단추 | 마우스 이벤트가 발생했을 때 어떤 마우스 버튼을 반환 누르기 | 이 |
| 버튼 | 마우스 이벤트가 발생했을 때 어떤 마우스 버튼 반환을 누르면했다 | 삼 |
| 는 clientX | 마우스 이벤트가 트리거 될 때 수평는 현재 창을 기준으로 마우스 포인터의 좌표를 돌려 | 이 |
| clientY로 | 마우스 이벤트가 트리거 될 때 수직 현재 창에 상대적 마우스 포인터의 좌표를 돌려 | 이 |
| ctrlKey | 여부를 반환 "CTRL" 키는 마우스 이벤트가 트리거 될 때 누르기 | 이 |
| 세부 묘사 | 마우스가 클릭 된 횟수를 나타내는 숫자를 반환 | 이 |
| metaKey | 반환 여부를 "META" 이벤트가 트리거 될 때 키를 누르면했다 | 이 |
| 페이지 X | 마우스 이벤트가 트리거 될 때 수평는 문서에 상대적 마우스 포인터의 좌표를 돌려 | |
| 페이지 Y | 마우스 이벤트가 트리거 될 때 수직 문서에 상대적 마우스 포인터의 좌표를 돌려 | |
| relatedTarget | 마우스 이벤트를 트리거 한 요소와 관련된 요소를 돌려줍니다 | 이 |
| screenX | 이벤트가 트리거 될 때 수평이 화면을 기준으로 마우스 포인터, 좌표를 돌려줍니다 | 이 |
| screenY | 이벤트가 트리거 될 때 수직은 화면을 기준으로 마우스 포인터의 좌표를 돌려 | 이 |
| shiftKey | 있는지 어떤지를 돌려줍니다 "SHIFT" 이벤트가 트리거 될 때 키를 누르면했다 | 이 |
| 어느 | 마우스 이벤트가 발생했을 때 어떤 마우스 버튼을 반환 누르기 | 이 |
KeyboardEvent 객체
| 재산 | 기술 | DOM |
|---|
| Alt 키 | 있는지 어떤지를 돌려줍니다 "ALT" 키 이벤트가 트리거 될 때 키를 누르면했다 | 이 |
| ctrlKey | 있는지 어떤지를 돌려줍니다 "CTRL" 키 이벤트가 트리거 될 때 키를 누르면했다 | 이 |
| charCode 값 | 때 onKeyPress 이벤트를 트리거 키의 유니 코드 문자 코드를 돌려줍니다 | 이 |
| 키 | 이벤트에 의해 표현되는 키의 키 값을 반환 | 삼 |
| 키 코드 | 때 onKeyPress 이벤트를 트리거 키 또는 onKeyDown에 또는 onKeyUp에 이벤트를 트리거 키의 유니 코드 키 코드의 유니 코드 문자 코드를 돌려줍니다 | 이 |
| 위치 | 키보드 또는 장치의 키의 위치를 돌려줍니다 | 삼 |
| metaKey | 반환 값이 있는지 여부 "meta" 키는 키 이벤트가 발생되었을 때 누르기 | 이 |
| shiftKey | 있는지 어떤지를 돌려줍니다 "SHIFT" 키 이벤트가 트리거 될 때 키를 누르면했다 | 이 |
| 어느 | 때 onKeyPress 이벤트를 트리거 키 또는 onKeyDown에 또는 onKeyUp에 이벤트를 트리거 키의 유니 코드 키 코드의 유니 코드 문자 코드를 돌려줍니다 | 이 |
HashChangeEvent 개체
| 재산 | 기술 | DOM |
|---|
| NEWURL | 해시를 변경 한 후, 문서의 URL을 반환 | |
| OLDURL | 해시가 변경되기 전에, 문서의 URL을 반환 | |
PageTransitionEvent 개체
| 재산 | 기술 | DOM |
|---|
| 지속 | 웹 페이지가 브라우저에 의해 캐시 된 반환하는지 여부 | |
FocusEvent 객체
AnimationEvent 개체
TransitionEvent 개체
WheelEvent 개체
| 재산 | 기술 | DOM |
|---|
| 위한 deltaX | 마우스 휠의 수평 스크롤 양을 돌려줍니다 (x-axis) | 삼 |
| deltaY에 | 마우스 휠의 수직 스크롤 량을 리턴 (y-axis) | 삼 |
| deltaZ | z 축에 대한 마우스 휠의 스크롤 양을 반환 | 삼 |
| deltaMode | 델타 값을 측정 단위 나타내는 반환 번호 (pixels, lines or pages) | 삼 |