HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML onmouseout 이벤트 속성

onmouseout 속성은 현재 요소의 mouseout 이벤트 핸들러 함수를 가져오거나 설정합니다

온라인 예제

마우스 포인터가 이미지에서 벗어나면 실행되는 JavaScript:

예제

<!DOCTYPE html>
<html>
<head>
<title>HTML onmouseout 이벤트 속성 사용(기본 튜토리얼 웹사이트 oldtoolbag.com)</title>
</head>
<body>
<img onmousemove="bigImg(this)" onmouseout="normalImg(this)" border="0" src="pig.gif" alt="pig" width="32" height="32">
<p>사용자가 마우스 포인터를 이미지 위에 가져오면 bigImg() 함수가 발생합니다. 이 기능은 이미지를 확대합니다.<br>
마우스 포인터가 이미지에서 벗어나면 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>

테스트를 보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 onmouseout 이벤트 속성을 지원합니다

정의와 사용법

마우스 포인터가 요소에서 나가면 onmouseout 속성이 트리거됩니다.

ヒント: onmouseout 속성은 일반적으로onmouseover속성과 함께 사용

주의: onmouseout 속성은 다음 요소에서 사용할 수 없습니다: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 또는 <title>.

HTML 4.01 HTML과5간의 차이

없음.

문법

<요소 onmouseout="script">

속성 값

값	설명
script	onmouseout 이벤트가 트리거될 때 실행할 스크립트를 정의합니다.

HTML 이벤트 속성

HTML: <template> 태그