Latest web development tutorials

HTML 이벤트

글로벌 이벤트 속성

하나의 새로운 기능은 HTML 4 HTML 이벤트는 사용자가 HTML 요소를 클릭 할 때 자바 스크립트를 시작, 말, 브라우저의 동작을 트리거 할 수 있다는 것입니다.

당신이 이벤트 속성에 대한 자세한 내용을 원한다면, 방문 자바 스크립트 자습서

다음 표는 이벤트 동작을 정의하는 HTML / XHTML 요소에 삽입 할 수있는, 표준 이벤트 속성을 제공합니다.

새로운 기능 : HTML5 이벤트의 새 속성.


이벤트 속성 창 (윈도우 이벤트 속성)

이 이벤트는 (<body> 태그에 대한) 창에 의해 트리거됩니다 :

재산 기술
onafterprint 새로운 스크립트 당신은 문서를 인쇄하기 위해 스크립트를 실행 한 후
OnBeforePrint 새로운 스크립트 문서가 인쇄되기 전에 스크립트를 실행
onbeforeonload 새로운 스크립트 문서가로드되기 전에 스크립트를 실행
위해 onblur 스크립트 윈도우가 포커스를 잃을 때 스크립트를 실행
새의 OnError 스크립트 오류가 발생할 때 스크립트를 실행
onfocus 및 스크립트 윈도우가 포커스를받을 때 스크립트를 실행
onhaschange 새로운 스크립트 문서가 변경 될 때 스크립트를 실행
온로드 스크립트 문서가로드 될 때 스크립트를 실행
의 onMessage 새로운 스크립트 스크립트를 실행할 때 트리거 메시지
onoffline 새로운 스크립트 문서가 오프라인 상태 일 때 스크립트를 실행
ononline 새로운 스크립트 문서 라인에서 스크립트를 실행하는 경우
onpagehide 새로운 스크립트 윈도우가 숨겨져 때 스크립트를 실행
새로운 onpageshow 스크립트 윈도우가 표시 될 때 스크립트를 실행
onpopstate 새로운 스크립트 스크립트를 실행하면 창 변경 내역
onredo 새로운 스크립트 (재실행) 문서가 실행될 때 스크립트를 실행 한 후 동작을 수행
하여 onResize 새로운 스크립트 창 크기를 조정할 때 스크립트를 실행
하는 onstorage 새로운 스크립트 웹 스토리지 영역 업데이트 (데이터 변경 메모리 공간에서 발생하는) 스크립트를 실행하는 경우
새로운 onundo 스크립트 문서가 무효화를 실행할 때 스크립트를 실행
으로 onUnload 새로운 스크립트 사용자가 문서를 벗어날 때 스크립트를 실행


양식 이벤트 (양식 이벤트)

HTML 형식의 (a 양식 내의 HTML 형식의 모든 HTML 요소 있지만 요소) 형태 이벤트 트리거 :

재산 기술
위해 onblur 스크립트 요소가 포커스를 잃을 때 스크립트를 실행
onchange를 스크립트 요소가 변경 될 때 스크립트를 실행
는 onContextMenu 새로운 스크립트 스크립트를 실행할 때 트리거 상황에 맞는 메뉴
onfocus 및 스크립트 요소가 포커스를받을 때 스크립트를 실행
onformchange 새로운 스크립트 양식이 변경 될 때 스크립트를 실행
새로운 onforminput 스크립트 양식이 사용자 입력을 얻을 수있는 스크립트를 실행
새로운 oninput 스크립트 요소가 사용자 입력을 행하기위한 스크립트를 실행
oninvalid 새로운 스크립트 요소가 무효 인 경우에 스크립트를 실행
onreset 스크립트 폼을 리셋 할 때 스크립트를 실행합니다. HTML 5는 지원되지 않습니다.
onSelect를 스크립트 요소를 선택하면 스크립트를 실행
의 onsubmit 스크립트 양식이 제출 될 때 스크립트를 실행


키보드 이벤트 (키보드 이벤트)

재산 기술
onKeyDown에 스크립트 키를 누를 때 스크립트를 실행
때 onKeyPress 스크립트 당신이 누를 때 스크립트를 실행하고 버튼을 해제
onKeyUp에 스크립트 키가 해제 될 때 스크립트를 실행


마우스 이벤트 (마우스 이벤트)

마우스 이벤트, 비슷한 사용자 행동 트리거 :

재산 기술
온 클릭 스크립트 마우스를 클릭 할 때 스크립트를 실행
ondblclick 스크립트 스크립트를 실행하면 마우스를 두 번 클릭
ondrag 새로운 스크립트 스크립트를 실행하면 드래그 요소
ondragend 새로운 스크립트 드래그 동작이 끝날 때 스크립트를 실행
새로운 ondragenter 스크립트 요소가 유효한 드롭 타겟으로 드래그하면 스크립트를 실행
ondragleave 새로운 스크립트 요소가 유효한 드롭 대상을 떠날 때 스크립트를 실행
새로운으로 onDragOver 스크립트 요소가 대상을 통해 유효한 드롭으로 드래그하면 스크립트를 실행
ondragstart 새로운 스크립트 드래그 작업이 시작될 때 스크립트를 실행
ondrop 새로운 스크립트 요소가 드롭을 드래그 될 때 스크립트를 실행
하면 onMouseDown 스크립트 마우스 버튼을 누를 때 스크립트를 실행
으로 onMouseMove 스크립트 마우스 포인터가 스크립트를 실행하는 이동하면
onmouseout 스크립트 마우스 포인터가 요소의 밖으로 이동할 때 스크립트를 실행
onMouseover와 스크립트 마우스 포인터 요소 위에 이동할 때 스크립트를 실행
onMouseUp에 스크립트 마우스 단추를 놓을 때 스크립트를 실행
으로 onMouseWheel 새로운 스크립트 스크립트를 실행하면 마우스 휠
onscroll 새로운 스크립트 스크립트 스크롤 스크롤 막대 요소를 실행하는 경우


멀티미디어 이벤트 (미디어 이벤트)

이러한 HTML <오디오>에서 사용되는 멀티미디어 요소로 이벤트를 트리거 비디오 (동영상), 이미지 (이미지) 또는 오디오 (오디오), <삽입>, <IMG>, <object> 및 <비디오>)

재산 기술
이것은 onAbort 스크립트 때 스크립트를 실행하는 이벤트를 중단
oncanplay 새로운 스크립트 미디어가 재생을 시작 할 수 있지만 버퍼로 인해 중지해야 할 때 스크립트를 실행
새로운 oncanplaythrough 스크립트 미디어 때문에 버퍼 중지하지 않고 스크립트를 실행할 수 있습니다 때 마지막에 재생
ondurationchange 새로운 스크립트 스크립트를 실행 할 때 용지 길이 변화
onemptied 새로운 스크립트 갑자기 미디어 자원 요소는 비어있는 (네트워크 오류 로딩 에러 등)가 스크립트를 실행하는 것
onended 새로운 스크립트 미디어의 끝에 도달 한 때, 스크립트를 실행
새의 OnError 스크립트 에러가 로딩 소자 중에 발생할 때 스크립트를 실행
onloadeddata 새로운 스크립트 미디어 데이터를로드 할 때 스크립트를 실행
onloadedmetadata 새로운 스크립트 상기 미디어의 지속 시간 및 기타 미디어 데이터 요소가로드되었을 때 스크립트를 실행
onLoadStart를스크립트 브라우저가 미디어 데이터를로드 시작할 때 스크립트를 실행
새로운 onpause 스크립트 스크립트를 실행하면 미디어 데이터의 정지
onplay 새로운 스크립트 미디어 데이터가 재생을 시작하는 경우 스크립트를 실행
onplaying 새로운 스크립트 미디어 데이터 재생하기 시작했다 때 스크립트를 실행
으로 onProgress 새로운 스크립트 브라우저는 미디어 데이터를 취득하는 스크립트를 실행
onratechange 새로운 스크립트 스크립트를 실행하면 미디어 데이터의 재생 속도 변경
인 onreadystatechange 새로운 스크립트 스크립트를 실행할 때 준비 상태 (준비 상태) 변화
onseeked 새로운 스크립트 미디어 요소의 위치 속성 [1] 더 이상 진실없고 위치가 종료 할 때 스크립트를 실행
onseeking 새로운 스크립트 매체 특성의 소자를 배치하는 경우에 해당하며, 위치는 스크립트의 시작 동작되었습니다
onstalled 새로운 스크립트 스크립트를 실행하면 미디어 데이터 검색 프로세스 (지연) 오류
onsuspend 새로운 스크립트 브라우저 촬영되었을 때 스크립트를 실행하지만, 미디어 데이터 검색, 전체 미디어 파일이 정지 전의
ontimeupdate 새로운 스크립트 미디어의 재생 위치를 변경할 때 스크립트를 실행
onvolumechange 새로운 스크립트 아니면 볼륨 매체 볼륨을 변경할 때 뮤트 설정 스크립트를 실행할
onwaiting 새로운 스크립트 스크립트를 실행하면 미디어가있을 때 재생을 중지하지만 의도에 계속 재생

기타 이벤트

재산 기술
에서 onShow 새로운 스크립트 <메뉴> 요소는 트리거의 컨텍스트에 디스플레이 될 때
ontoggle 새로운 스크립트 때 사용자 개폐 <정보> 요소 트리거