최고의 HTML 이벤트 튜토리얼 2024년, 이 튜토리얼에서는 글로벌 이벤트 속성,이벤트 속성 창 (윈도우 이벤트 속성),양식 이벤트 (양식 이벤트),키보드 이벤트 (키보드 이벤트),마우스 이벤트 (마우스 이벤트),멀티미디어 이벤트 (미디어 이벤트),기타 이벤트,를 배울 수 있습니다.
하나의 새로운 기능은 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 새로운 | 스크립트 | 때 사용자 개폐 <정보> 요소 트리거 |