HTML 참조 설명서

HTML 태그 전체 목록

HTML onmouseover 이벤트 속성

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

온라인 예제

마우스 포인터가 이미지 위에 오면 스크립트가 실행됩니다:

예제

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

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

정의와 사용법

마우스 포인터가 요소에 위치할 때 onmouseover 속성이 발생합니다.

추천: onmouseover 속성은 일반적으로 다음과 함께 사용됩니다:onmouseout속성을 함께 사용합니다.

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

HTML 4.01 HTML과5사이의 차이

없음.

문법

<요소 onmouseover="script">

속성 값

값	설명
script	onmouseover 이벤트가 발생할 때 실행할 스크립트를 정의합니다.

HTML 이벤트 속성

HTML: <template> 태그