MouseEvent relatedTarget 속성

DOM 이벤트 MouseEvent

정의와 사용법

relatedTarget 속성은 마우스 이벤트를 트리거한 요소와 관련된 요소를 반환합니다.

relatedTargert 속성은 다음과 같이 사용할 수 있습니다:

  • mouseover 이벤트와 함께 사용하여 커서가 just exited 요소를 지시
  • 또는 mouseout 이벤트와 함께 사용하여 커서가 just entered 요소를 지시

주석:이 속성은 읽기 전용입니다.

예제

커서가 just exited 요소를 가져오기:

<p onmouseover="getRelatedElement(event)">이 문단을 마우스로 올려다보세요.</p>
<script>
function getRelatedElement(event) { 
  alert("커서가 " + event.relatedTarget.tagName + " 요소를 나갔습니다.");
}
</script>

직접 시도해 보세요

문법

event.relatedTarget

기술 세부 사항

반환 값: 관련 요소에 대한 참조.
DOM 버전: DOM Level 2 Events

브라우저 지원

속성 Chrome IE Firefox Safari Opera
relatedTarget 지원 지원 지원 지원 지원
DOM 이벤트 MouseEvent