--- title: GlobalEventHandlers slug: Web/API/GlobalEventHandlers tags: - API - DOM - HTML DOM - Mixin - Reference translation_of: Web/API/GlobalEventHandlers ---
{{ApiRef("HTML DOM")}}

GlobalEventHandlers 믹스인mixin은 {{domxref("HTMLElement")}}, {{domxref("Document")}}, {{domxref("Window")}} 등 여러 인터페이스가 공유하는 공통 이벤트 처리기를 묘사합니다. 물론, 각각의 인터페이스는 아래에 나열된 항목뿐만 아니라 더 많은 이벤트 처리기를 추가할 수 있습니다.

참고: GlobalEventHandlers는 인터페이스가 아닌 믹스인입니다. 따라서 GlobalEventHandlers 자료형을 가진 객체를 만들 수는 없습니다.

속성

이 인터페이스는 아래에 나열된 이벤트 처리기를 위한 속성만을 갖습니다.

이벤트 처리기

다음 이벤트 처리기들은 {{domxref("GlobalEventHandlers")}} 믹스인이 정의하고, {{domxref("HTMLElement")}}, {{domxref("Document")}}, {{domxref("Window")}}와 웹 워커의 {{domxref("WorkerGlobalScope")}}가 구현합니다.

{{domxref("GlobalEventHandlers.onabort")}}
{{event("abort")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onanimationcancel")}} {{Non-standard_inline}}
실행 중이던 CSS 애니메이션이 취소됐음을 알리는 {{event("animationcancel")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onanimationend")}} {{Non-standard_inline}}
실행 중이던 CSS 애니메이션이 끝났음을 알리는 {{event("animationend")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onanimationiteration")}} {{Non-standard_inline}}
실행 중인 CSS 애니메이션의 다음 회차 재생이 시작됐음을 알리는 {{event("animationiteration")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onanimationstart")}} {{Non-standard_inline}}
CSS 애니메이션의 재생이 시작됐음을 알리는 {{event("animationstart")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onauxclick")}} {{Non-standard_inline}}
마우스 휠 클릭 등 비주요 버튼이 눌렸음을 알리는 {{event("auxclick")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onblur")}}
{{event("blur")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onerror")}}
{{event("error")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{domxref("OnErrorEventHandler")}}.
{{domxref("GlobalEventHandlers.onfocus")}}
{{event("focus")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.oncancel")}}
{{event("cancel")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.oncanplay")}}
{{event("canplay")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.oncanplaythrough")}}
{{event("canplaythrough")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onchange")}}
{{event("change")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onclick")}}
{{event("click")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onclose")}}
{{event("close")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.oncontextmenu")}}
{{event("contextmenu")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.oncuechange")}}
{{event("cuechange")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.ondblclick")}}
{{event("dblclick")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.ondrag")}}
{{event("drag")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.ondragend")}}
{{event("dragend")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.ondragenter")}}
{{event("dragenter")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.ondragexit")}}
{{event("dragexit")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.ondragleave")}}
{{event("dragleave")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.ondragover")}}
{{event("dragover")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.ondragstart")}}
{{event("dragstart")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.ondrop")}}
{{event("drop")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.ondurationchange")}}
{{event("durationchange")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onemptied")}}
{{event("emptied")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onended")}}
{{event("ended")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.ongotpointercapture")}}

{{event("gotpointercapture")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.

{{domxref("GlobalEventHandlers.oninput")}}
{{event("input")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.oninvalid")}}
{{event("invalid")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onkeydown")}}
{{event("keydown")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onkeypress")}}
{{event("keypress")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onkeyup")}}
{{event("keyup")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onload")}}
{{event("load")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onloadeddata")}}
{{event("loadeddata")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onloadedmetadata")}}
{{event("loadedmetadata")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onloadend")}}
자원의 불러오기가 멈췄음을 나타내는 {{event("loadend")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onloadstart")}}
자원을 불러오기 시작함을 나타내는 {{event("loadstart")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onlostpointercapture")}}

{{event("lostpointercapture")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.

{{domxref("GlobalEventHandlers.onmousedown")}}
{{event("mousedown")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onmouseenter")}}
{{event("mouseenter")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onmouseleave")}}
{{event("mouseleave")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onmousemove")}}
{{event("mousemove")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onmouseout")}}
{{event("mouseout")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onmouseover")}}
{{event("mouseover")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onmouseup")}}
{{event("mouseup")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onmousewheel")}} {{Non-standard_inline}} {{Deprecated_inline}}
{{event("mousewheel")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}. onwheel을 대신 사용하세요.
{{ domxref("GlobalEventHandlers.onwheel") }}
{{event("wheel")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onpause")}}
{{event("pause")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onplay")}}
{{event("play")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onplaying")}}
{{event("playing")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onpointerdown")}}
{{event("pointerdown")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onpointermove")}}
{{event("pointermove")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onpointerup")}}
{{event("pointerup")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onpointercancel")}}
{{event("pointercancel")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onpointerover")}}
{{event("pointerover")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onpointerout")}}
{{event("pointerout")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onpointerenter")}}
{{event("pointerenter")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onpointerleave")}}
{{event("pointerleave")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onpointerlockchange")}} {{experimental_inline}}
{{event("pointerlockchange")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onpointerlockerror")}} {{experimental_inline}}
{{event("pointerlockerror")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onprogress")}}
{{event("progress")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onratechange")}}
{{event("ratechange")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onreset")}}
{{event("reset")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onresize")}}
{{event("resize")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onscroll")}}
{{event("scroll")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onseeked")}}
{{event("seeked")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onseeking")}}
{{event("seeking")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onselect")}}
{{event("select")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onselectstart")}}
사용자가 웹 페이지의 텍스트 등을 선택하기 시작함을 나타내는 {{event("selectionchange")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onselectionchange")}}
웹 페이지의 선택 영역(텍스트 등)이 바뀌었음을 나타내는 {{event("selectionchange")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onshow")}}
{{event("show")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onsort")}} {{experimental_inline}}
{{event("sort")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onstalled")}}
{{event("stalled")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onsubmit")}}
{{event("submit")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onsuspend")}}
{{event("suspend")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.ontimeupdate")}}
{{event("timeupdate")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onvolumechange")}}
{{event("volumechange")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.ontouchcancel")}} {{Non-standard_inline}} {{Experimental_inline}}
{{event("touchcancel")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.ontouchend")}} {{Non-standard_inline}} {{Experimental_inline}}
{{event("touchend")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.ontouchmove")}} {{Non-standard_inline}} {{Experimental_inline}}
{{event("touchmove")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.ontouchstart")}} {{Non-standard_inline}} {{Experimental_inline}}
{{event("touchstart")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.ontransitioncancel")}}
CSS 트랜지션이 취소됐음을 알리는 {{event("transitioncancel")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.ontransitionend")}}
CSS 트랜지션이 끝났음을 알리는 {{event("transitionend")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.
{{domxref("GlobalEventHandlers.onwaiting")}}
{{event("waiting")}} 이벤트가 발생했을 때 호출할 코드를 나타내는 {{event("Event_handlers", "event handler")}}.

메소드

이 인터페이스는 메서드를 정의하지 않습니다.

명세

명세 상태 코멘트
{{SpecName("Selection API",'', 'Extension to GlobalEventHandlers')}} {{Spec2('Selection API')}} onselectionchange 추가.
{{SpecName('Pointer Lock', '#extensions-to-the-document-interface', 'Extension of Document')}} {{Spec2('Pointer Lock')}} {{domxref("Document")}} 에 onpointerlockchangeonpointerlockerror 추가. GlobalEventHandlers 에 실험적으로 구현되었음.
{{SpecName('HTML WHATWG', '#globaleventhandlers', 'GlobalEventHandlers')}} {{Spec2('HTML WHATWG')}} {{SpecName("HTML5.1")}} 최신 스냅샷 이후에 변경 사항 없음.
{{SpecName('HTML5.1', '#globaleventhandlers', 'GlobalEventHandlers')}} {{Spec2('HTML5.1')}} {{SpecName("HTML WHATWG")}} 의 스냅샷. {{SpecName("HTML5 W3C")}} 스냅샷 이후에 onsort 가 추가되었음.
{{SpecName("HTML5 W3C", "#globaleventhandlers", "GlobalEventHandlers")}} {{Spec2('HTML5 W3C')}} {{SpecName("HTML WHATWG")}} 의 스냅샷. GlobalEventHandlers 생성(그 전 타겟에 있던 속성들)

브라우저 호환성

{{Compat("api.GlobalEventHandlers")}}

함께 보기