최신 웹 개발 튜토리얼
 

HTML Event Attributes


글로벌 이벤트 속성

HTML 4는 사용자가 요소를 클릭 할 때 이벤트가 자바 스크립트를 시작처럼, 브라우저에서 동작을 트리거 할 수있는 기능을 추가했다.

프로그래밍 이벤트에 대한 자세한 내용은, 우리의 방문하시기 바랍니다 자바 스크립트 튜토리얼 .

아래의 이벤트 동작을 정의하는 HTML 요소에 추가 할 수있는 글로벌 이벤트 속성이다.

= 새로운 이벤트가 HTML5 속성.


윈도우 이벤트 속성

이벤트는 윈도우 객체 (적용을위한 트리거 <body> 태그) :

속성 기술
onafterprint script 문서가 인쇄 된 후에 스크립트가 실행되는
onbeforeprint script 문서가 인쇄되기 전에 스크립트가 실행되는
onbeforeunload script 문서가 언로드하려고 할 때 스크립트가 실행된다
onerrorscript 오류가 발생하면 스크립트 실행하기
onhashchange script ㄱ URL의 앵커 부분에 변화가 때 스크립트가 실행된다
onload script 페이지 후 화재로드를 완료
onmessagescript 메시지가 트리거 될 때 스크립트가 실행된다
onoffline script 브라우저가 오프라인으로 작업하기 시작할 때 스크립트가 실행된다
ononline script 브라우저가 온라인 작업을 시작할 때 스크립트가 실행된다
onpagehidescript 사용자가 페이지에서 멀리 이동할 때 스크립트가 실행된다
onpageshow script 사용자가 페이지를 탐색 할 때 스크립트가 실행된다
onpopstatescript 스크립트가 실행 될 때 윈도우의 역사 변경
onresize script 화재 브라우저 창 크기를 조정할 때
onstoragescript 스크립트는 웹 기억 영역이 갱신 될 때 실행되는
onunload script 한 페이지 한 번 화재가 언로드했다 (또는 브라우저 창이 닫힌)

양식 이벤트

HTML 양식 내부 작업에 의해 트리거 이벤트 (거의 모든 HTML 요소에 적용하지만, 대부분의 폼 요소에 사용되는) :

속성 기술
onblur script 요소가 포커스를 잃을 순간을 발사
onchange script 요소의 값이 변경 될 때 모멘트를 발생
oncontextmenu script 스크립트는 상황에 맞는 메뉴가 트리거 될 때 실행되는
onfocus script 요소가 포커스를받을 때 순간을 발사
oninput script 요소가 사용자 입력을 취득 할 때 스크립트가 실행된다
oninvalid script 요소가 무효 인 경우 스크립트 실행하기
onreset script 화재 형태로 리셋 버튼을 클릭하면
onsearch script 사용자가 검색 필드에 뭔가를 기록 화재 (위해 <입력 = "검색">)
onselect script 텍스트 후 화재는 요소에 선택된
onsubmit script 화재 양식 제출

키보드 이벤트

속성 기술
onkeydown script 화재는 사용자가 키를 누를 때
onkeypress script 발생시키는 사용자가 키를 누를
onkeyup script 화재 사용자가 키를 놓을

마우스 이벤트

마우스, 또는 유사한 사용자 동작에 의해 트리거 이벤트 :

속성 기술
onclick script 마우스에 화재 요소를 클릭
ondblclick script 마우스에 화재 요소를 두 번 클릭
ondrag script 스크립트 요소를 드래그 때 실행되는
ondragend script 스크립트 드래그 조작의 끝에서 실행되도록
ondragenter script 요소가 유효한 드롭 타겟으로 드래그되었을 때 스크립트가 실행된다
ondragleave script 요소가 유효한 드롭 대상을 떠날 때 스크립트가 실행된다
ondragover script 요소가 유효한 드롭 대상을 통해 드래그 될 때 스크립트가 실행된다
ondragstart script 스크립트 드래그 조작의 시작에서 실행되도록
ondrop script 드래그 요소가 제거 될 때 스크립트가 실행된다
onmousedown script 마우스 버튼이 요소에 눌려 불
onmousemove script 이 요소 위에있는 동안 화재는 마우스 포인터가 움직이는 때
onmouseout script 마우스 포인터가 요소의 밖으로 이동 화재
onmouseover script 화재 마우스 포인터 요소 위에 이동
onmouseup script 마우스 버튼 요소를 통해 출시 화재
onmousewheelscript 추천되고 있지 않습니다. 사용 onwheel의 대신 속성을
onscroll script 스크립트는 요소의 스크롤이 스크롤 될 때 실행되는
onwheel script 마우스 휠이 요소 위에 롤업 또는 아래로 화재

클립 보드 이벤트

속성 기술
oncopy script 화재시 사용자 복사본 원소의 함유량
oncut script 사용자가 원소의 함유량을 절감 화재
onpaste script 사용자가 요소의 일부 내용을 붙여 화재

미디어 이벤트

동영상, 이미지, 오디오와 같은 매개체에 의해 트리거 이벤트 (모든 HTML 요소에 적용되지만 같은 미디어 요소에 가장 일반적입니다 <audio> , <embed> , <img> , <object><video> ).

팁 : 우리 봐 HTML 오디오 및 비디오 DOM 참조 자세한 내용은.

속성 기술
onabortscript 스크립트 중단에 실행되도록
oncanplayscript 파일이 (가 시작 충분히 버퍼링 경우) 재생을 시작 할 준비가되면 스크립트 실행하기
oncanplaythroughscript 파일이 버퍼링을 위해 일시 ​​정지하지 않고 끝까지 모든 방법을 재생할 수 있습니다 때 스크립트가 실행된다
oncuechangescript 스크립트를 실행 할 때의 큐 변경 <track> 요소
ondurationchangescript 스크립트가 실행되는 경우 상기 미디어 변화의 길이
onemptiedscript 나쁜 일이 발생하고 파일이 갑자기 사용할 수 없을 때 스크립트 (같은 예기치 않게 끊어)를 실행한다
onendedscript 미디어 ( "듣고 주셔서 감사합니다"와 같은 메시지에 대한 유용한 이벤트) 끝에 도달있을 때 스크립트가 실행된다
onerrorscript 오류가 발생하면 파일이로드 될 때 스크립트가 실행되는
onloadeddatascript 미디어 데이터가로드 될 때 스크립트가 실행된다
onloadedmetadatascript (크기와 지속 시간 등) 메타 데이터를로드 할 때 스크립트가 실행된다
onloadstartscript 파일이 아무것도 실제로로드되기 전에로드되기 시작으로 스크립트는 실행하기
onpausescript 미디어는 사용자가, 프로그램에 일시 중지 될 때 스크립트가 실행된다
onplayscript 미디어 재생을 시작할 준비가되었을 때 스크립트가 실행된다
onplayingscript 미디어가 실제로 연주하기 시작했을 때 스크립트가 실행된다
onprogressscript 브라우저는 미디어 데이터를 얻는 과정에있을 때 스크립트가 실행되는
onratechangescript 스크립트마다 실행된다 (사용자가 슬로우 모션이나 빨리 감기 모드로 전환 할 때 등) 재생 속도 변경
onseekedscript 때 스크립트가 실행되는 seeking 속성이 종료 된 것을 추구를 나타내는 false로 설정
onseekingscript 때 스크립트가 실행되는 seeking 속성이 활성화되어 그 추구를 나타내는 true로 설정되어
onstalledscript 브라우저가 어떤 이유로 미디어 데이터를 가져올 수없는 경우 스크립트 실행하기
onsuspendscript 미디어 데이터를 페치하는 것은 중단 될 때 완전히 어떤 이유로로드되기 전에 스크립트가 실행되는
ontimeupdatescript 재생 위치 (미디어에서 다른 지점으로 할 때 사용자 빨리 감기 등) 변경 될 때 스크립트가 실행된다
onvolumechangescript 스크립트는 볼륨이 변경 될 때마다 실행될 수있는 (볼륨 설정을 포함하는 "소거")
onwaitingscript 스크립트 미디어가 일시 중지 될 때 실행되는하지만 (미디어가 더 많은 데이터를 버퍼에 일시 정지 할 때처럼) 다시 시작할 것으로 예상된다

기타 이벤트

속성 기술
onerror script 화재 외부 파일을로드하는 동안 오류가 발생
onshow script 화재는 때 <menu> 요소는 상황에 맞는 메뉴로 표시됩니다
ontoggle script 화재 사용자가 열거 나 닫을 때 <details> 요소를