XML DOM Event 객체

Event 객체는 이벤트에 대한 정보를 나타냅니다.

Event 객체

Event 객체의 속성은 이벤트에 대한 세부 정보(예: 이벤트가 발생한 요소)를 제공합니다. Event 객체의 메서드는 이벤트의 전파를 제어할 수 있습니다.

2차 DOM Events 표준은 모든 현대 브라우저(IE를 제외한)에서 구현된 표준 이벤트 모델을 정의하며, IE는 자신만의, 불일치하는 모델을 정의했습니다. 이 참조 페이지는 표준 Event 객체의 속성과 IE Event 객체의 속성을 나열합니다.

주의:표준 이벤트 모델에서는 Event 객체가 이벤트 핸들러 함수에 전달됩니다; 하지만 IE 이벤트 모델에서는 이가 Window 객체의 event 속성에 저장됩니다.

표준 이벤트 모델에서는 Event의 여러 서브 인터페이스가 추가 속성을 정의하여 특정 이벤트 유형과 관련된 세부 정보를 제공합니다. IE 이벤트 모델에서는 모든 유형의 이벤트에 대해 단일 유형의 Event 객체만이 사용됩니다.

표준 Event 속성

아래는 2차 DOM 이벤트 표준에서 정의된 속성을 나열합니다.

속성 설명 IE F O W3C
bubbles 이벤트가 버블 이벤트 유형인지 여부를 나타내는 부울 값을 반환합니다. 아니요 1 9 네
cancelable 이벤트가 취소 가능한 기본 동작을 가지고 있는지 여부를 나타내는 부울 값을 반환합니다. 아니요 1 9 네
currentTarget 이 이벤트를 트리거한 요소를 반환합니다. 아니요 1 9 네
eventPhase 이벤트가 전파하는 현재 단계를 반환합니다. 　 　 　 네
target 이 이벤트를 트리거한 요소(이벤트의 대상 노드)를 반환합니다. 아니요 1 9 네
timeStamp 이벤트가 생성된 날짜와 시간을 반환합니다. 아니요 1 9 네
type 현재 Event 객체가 표시하는 이벤트의 이름을 반환합니다. 6 1 9 네

표준 Event 메서드

아래는 2차 DOM 이벤트 표준에서 정의된 메서드를 나열합니다. IE 이벤트 모델은 이러한 메서드를 지원하지 않습니다:

메서드 설명 IE F O W3C
initEvent() 새로 생성된 Event 객체의 속성을 초기화합니다. 아니요 1 9 네
preventDefault() 브라우저가 이벤트와 관련된 기본 동작을 수행하지 않도록 알립니다. 아니요 1 9 네
stopPropagation() 이벤트가 전파 과정에서 캡처, 대상 처리 또는 버블 단계에서 더 이상 전파되지 않도록 합니다. 이 메서드를 호출한 후, 이 노드에서 이벤트를 처리하는 처리기가 호출되고, 이벤트는 다른 노드로 전파되지 않습니다. 아니요 1 9 네

IE 속성

IE는 표준 DOM 이벤트 모델을 지원하지 않습니다(예를 들어 IE 7에서는). 이에 따라 IE의 Event 객체는 완전히 다른 속성을 정의합니다.

IE 이벤트 모델은 다른 이벤트에 대한 상속层级를 정의하지 않았기 때문에, 모든 이벤트 유형과 관련된 속성이 여기에 나열되어 있습니다.

속성 설명
cancelBubble 이벤트 핸들러가 이벤트가 포함 객체로 전파되는 것을 방지하고자 한다면, 이 속성을 true로 설정해야 합니다.
fromElement mouseover 및 mouseout 이벤트에서, fromElement은 마우스를 이동한 요소를 참조합니다.
keyCode

keypress 이벤트에서, 이 속성은 눌러진 키가 생성한 Unicode 문자 코드를 선언합니다.

keydown 및 keyup 이벤트에서, 이는 눌러진 키의 가상 키보드 코드를 지정합니다.

가상 키보드 코드는 사용 중인 키보드 레이아웃에 따라 다를 수 있습니다.
offsetX,offsetY 이벤트가 발생한 위치는 이벤트 원본 요소의 좌표 시스템에서의 x 좌표와 y 좌표입니다.
returnValue

이 속성이 설정되면, 그 값은 이벤트 핸들러의 반환 값보다 우선순위가 높습니다.

이 속성을 false로 설정하면 이벤트가 발생한 원본 요소의 기본 동작을 취소할 수 있습니다.
srcElement 이벤트를 생성한 Window 객체, Document 객체 또는 Element 객체에 대한 참조입니다.
toElement mouseover 및 mouseout 이벤트에서, 이 속성은 마우스를 이동한 요소를 참조합니다.
x,y 이벤트가 발생한 위치의 x 좌표와 y 좌표, 이는 CSS로 동적으로 정위치된 가장 내층 포함 요소에 상대적입니다.