Event.target, Event.toElement 및 Event.srcElement의 차이점은 무엇입니까?
다음 코드가 있습니다.
document.oncontextmenu = function(evt) {
evt = evt || window.event;
console.log(evt.target, evt.toElement, evt.srcElement);
};
에서 마우스 오른쪽 버튼을 클릭하면 다음 <div class="foo"></div>
이 반환됩니다.
div.foo, div.foo, div.foo
에서 마우스 오른쪽 버튼을 클릭하면 다음 <input>
이 반환됩니다.
입력, 입력, 입력
모두 같은 결과를 가져 오는 것 같습니다. 그들 중 하나가 다른 것들과 다른 용도로 사용되는 상황이 있습니까?
이벤트 대상은 이벤트가 파견되는 요소이다 :
DOM 이벤트 흐름을 사용하여 이벤트 를 대상 으로하는 객체 입니다. 이벤트 대상은 속성 값입니다 .
Event.target
srcElement
IE 비표준 방법으로 target
.
현재 이벤트 대상은 현재 호출되는 이벤트 리스너를 가지고있는 요소이다 :
이벤트 흐름에서 현재 이벤트 대상 은 현재 전달되고 있는 이벤트 핸들러 와 연결된 객체 입니다. 이 개체는 이벤트 대상 자체이거나 상위 항목 중 하나 일 수 있습니다. 현재 이벤트가 목표로 변경 이벤트 다양한 통해 개체 개체에서 전파 위상 이벤트 흐름. 현재 이벤트 대상은
Event.currentTarget
속성 값입니다 .
this
이벤트 리스너 내부에서 사용 하는 것은 현재 이벤트 대상을 얻는 일반적인 (및 표준) 방법입니다.
어떤 종류의 이벤트에는 다음이 있습니다 relatedTarget
.
EventTarget
이벤트 유형에 따라 UI 이벤트와 관련된 보조를 식별하는 데 사용됩니다 .
fromElement
및 toElement
를 얻기 위해 IE가 표준이 아닌 방법이 있습니다 relatedTarget
.
'Program Tip' 카테고리의 다른 글
Facebook 페이지 액세스 토큰-만료됩니까? (0) | 2020.10.30 |
---|---|
Windows에서 'npm 설치'가 매우 느림 (0) | 2020.10.30 |
Typescript ReferenceError : 내보내기가 정의되지 않았습니다. (0) | 2020.10.30 |
구성 설정 문제에 어떤 디자인 패턴을 적용 할 수 있습니까? (0) | 2020.10.30 |
Data.Text 대 문자열 (0) | 2020.10.30 |