DOM

settings_applicationsEventTarget  >   settings_applicationsNode  >   settings_applicationsDocument  >   settings_applications[[Prototype]]

DOM

  • account_tree
  • bug_report

Event Handlers

이벤트 핸들러(Event Handler)는 지정된 대상에게 이벤트 발생시 실행할 함수를 지정하는 것을 말한다. 일종의 객체의 프로퍼티이며 이 프로퍼티에 함수를 대입하는 것과 동일하다.

이벤트 핸들러는 프로퍼티에 값을 대입하는 방식이다보니 이벤트 등록 대상에게 동일한 이벤트 타입으로 다른 함수를 지정해서 동시에 함수를 실행하게 할 수 없다. 늘 사용하는 패턴은 아니지만 만약에 동일한 이벤트 타입에 서로 다른 함수를 실행시키고 싶다면 이벤트 리스너(Event Listener) 방식으로 이벤트를 등록해야 한다.

이벤트 핸들러가 사용가능하다면 이벤트 리스너 방식도 지원하므로 구현하고자 하는 방향에 따라 적절하게 사용하면 된다.

하위 트리 탐색

  • onanimationcancel

    CSS 애니메이션이 예기치 않게 중단이 되면 발생한다.
  • onanimationend

    CSS 애니메이션이 완료되면 발생한다.
  • onanimationiteration

    CSS 애니메이션의 반복이 끝나고 다른 것이 시작되면 발생한다.
  • onanimationstart

    CSS 애니메이션이 시작되면 발생한다.
  • oncopy

    선택 영역이 클립보드로 복사되었을 때 발생한다.
  • oncut

    선택이 잘라내기 되어진 후 클립보드로 복사되었을 때 발생한다.
  • ondrag

    사용자가 요소 또는 텍스트 선택을 드래그 할 때 100 밀리초(millisecond)마다 발생한다.
  • ondragend

    드래그가 종료될 때 발생한다.
  • ondragenter

    드래그한 요소 또는 텍스트 선택 항목이 유효한 드롭(drop) 대상에 들어가면 발생한다.
  • ondragleave

    드래그한 요소 또는 텍스트 선택이 유효한 드롭 대상을 벗어나면 발생한다.
  • ondragover

    요소 또는 텍스트 선택 항목이 유효한 드롭 대상 위로 드래그될 때 발생한다.
  • ondragstart

    사용자가 요소 또는 텍스트 선택을 위한 드래그를 시작하면 발생한다.
  • ondrop

    요소 또는 텍스트 선택이 유효한 드롭 대상에 놓일 때 발생한다.
  • onfullscreenchange

    요소가 전체 화면 모드로 전환되거나 해제될 때 시작되는 이벤트
  • onfullscreenerror

    전체 화면 모드로 전환하거나 외부에서 전환하려고 시도하는 동안 오류가 발생하면 요소로 전송되는 이벤트이다.
  • ongotpointercapture

    요소가 setPointerCapture() 메소드를 사용하여 포인터를 캡처하면 발생한다.
  • onkeydown

    키보드의 키를 누를 때 발생한다.
  • onkeypress

    Shift, Fn, CapsLock 키를 제외한 키가 눌린 상태일 때 연속적으로 발생한다.
  • onkeyup

    키보드의 키를 누르고 있다고 뗐을 때 발생한다.
  • onlostpointercapture

    캡처된 포인터가 해제될 때 발생한다.
  • onpaste

    클립보드의 항목이 불여넣기 되어질 때 발생한다.
  • onpointercancel

    웹브라우저가 더이상 포인터 이벤트가 없을 가능성이 있다고 판단하거나 pointerdown 이벤트가 발생한 후 포인터를 사용하여 이동, 확대, 축소 또는 스크롤을 통해 뷰포트를 조작하는데 사용할 수 있다.
  • onpointerdown

    포인터가 활성화되면 발생한다. 마우스의 경우 장치가 눌린 버튼이 없는 상태에서 하나 이상의 버튼이 눌려진 상태로 전환되면 발생한다. 터치의 경우 디지타이저와 물리적 접촉이 이루어지면 발생한다. 펜의 경우 스타일러스가 디지타이저와 물리적으로 접촉하면 발생한다.
  • onpointerenter

    포인팅 장치가 hover를 지원하지 않는 장치의 pointerdown 이벤트의 결과를 포함하여 요소 또는 그 자손 중 하나의 적중 테스트 경계로 이동할 때 발생한다.
  • onpointerleave

    포인팅 장치가 요소의 적중 테스트 경계를 벗어나면 발생한다. 펜 장치의 경우 스타일러스가 디지타이저에서 감지할 수 있는 hover 범위를 벗어날 때 발생한다.
  • onpointerlockchange

    입력 장치의 포인터가 잠기거나 잠금이 해제되면 발생한다.
  • onpointerlockerror

    입력 장치의 포인터 잠금이 실패하면 발생한다. 기술적인 이유이거나 권한 부족으로 거부될 경우에 발생할 수 있다.
  • onpointermove

    포인터가 좌표를 변경하고 웹브라우저 터치 동작으로 취소되지 않은 경우 발생한다.
  • onpointerout

    포인팅 장치가 요소의 적중 테스트 경계 밖으로 이동할 때 발생한다.
  • onpointerover

    포인팅 장치가 요소의 적중 테스트 경계로 이동하면 발생한다.
  • onpointerup

    포인터가 더 이상 활성화되지 않으면 발생한다.
  • onreadystatechange

    document의 readyState 속성이 변경되면 발생한다.
  • onscroll

    창의 콘텐츠가 스크롤될 때 발생한다.
  • onselectionchange

    문서에서 현재 텍스트 선택이 변경되면 발생한다.
  • onselectstart

    사용자가 새 선택을 시작하면 발생한다.
  • ontouchcancel

    하나 이상의 터치 포인트가 구현 별 방식으로 중단된 경우 발생한다.
  • ontouchend

    터치를 끝낼 때 발생한다.
  • ontouchmove

    하나 이상의 터치 포인트가 터치 표면을 따라 이동할 때 발생한다.
  • ontouchstart

    하나 이상의 터치 포인트가 터치 표면에 닿을 때 발생한다.
  • ontransitioncancel

    CSS 전이 효과가 취소되었을 때 발생한다.
  • ontransitionend

    CSS의 전이 효과가 완료되었을 때 발생한다.
  • ontransitionrun

    CSS 전이 효과 실행을 시작했을 때 발생한다. 지연 시간이 설정된 경우 포함해서 시작된 경우에 발생한다.
  • ontransitionstart

    CSS 전이 효과가 실제로 시작되었을 때 발생한다.(지연이 있는 경우 지연시간 이후 실행될 때)
  • onvisibilitychange

  • onwheel

    포인팅 입력 장치에서 휠 버튼을 회전할 때 발생한다.

지원 웹브라우저