onmouselea 이벤트


onmuseleave 이벤트

Instance 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<img onmouseenter="bigImg(this)" onmouseleave="normalImg(this)" border="0" src="smiley.gif" alt="Smiley" width="32" height="32">
<p>
bigImg() 函数在用户将鼠标指针移动到该图像时触发。</p>
<p>
normalImg() 函数在用户将鼠标指针移出图像时触发。</p>
<script>
function bigImg(x) {
    x.style.height = "64px";
    x.style.width = "64px";
}
function normalImg(x) {
    x.style.height = "32px";
    x.style.width = "32px";
}
</script>

</body>
</html>

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.

더 많은 데모를 보려면 아래의 더 많은 예 중에서 "사용해 보기"를 클릭하세요.

정의 및 사용법

onmouseleave 이벤트는 마우스가 요소를 제거할 때 트리거됩니다.

팁: 이 이벤트는 일반적으로 onmouseenter 이벤트와 함께 사용됩니다. 이 이벤트는 마우스가 요소 위로 이동할 때 시작됩니다.

팁: onmouseleave 이벤트는 onmouseout 이벤트와 유사합니다. 유일한 차이점은 onmouseleave 이벤트가 버블링을 지원하지 않는다는 것입니다.

브라우저 지원

표의 숫자는 해당 이벤트를 지원하는 첫 번째 브라우저의 버전 번호를 나타냅니다. ㅋㅋ

30.05.56.1

Syntax

HTML:

<element onmouseleave="myScript"> 사용해 보세요

JavaScript:

object.onmouseleave=function (){ myScript }; 사용해 보세요

JavaScript에서 addEventListener() 메서드를 사용하세요.

object.addEventListener("mouseleave", myScript) 사용해 보세요.

참고: Internet Explorer 8 이하 버전 addEventListener() 메서드를 지원하지 않습니다.

기술 세부 사항


은

11.5입니다.
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
버블링 지원 여부:No
취소 가능 여부:No
이벤트 유형: MouseEvent
지원되는 HTML 태그: <Base>, <BDO>, Result, <HEAD>, <HTML>, <IFRAME>, <META>, <를 제외한 모든 HTML 요소 ;param> of <SCRIPT> 및 <Title> 인스턴스 실행»


←
→