onmouseover 이벤트


OOnmouseover
이벤트

인스턴스

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function bigImg(x){
	x.style.height="64px";
	x.style.width="64px";
}
function normalImg(x){
	x.style.height="32px";
	x.style.width="32px";
}
</script>
</head>
<body>

<img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="smiley.gif" alt="Smiley" width="32" height="32">
<p>函数 bigImg() 在鼠标指针移动到笑脸图片是触发。</p>
<p>函数 normalImg() 在鼠标指针移出笑脸图片是触发.</p>

</body>
</html>
E

예제 실행 »

온라인 인스턴스 정의 및 사용법을 보려면 "예제 실행" 버튼을 클릭하세요. ONMouseover 이벤트는 마우스 포인터에서 지정된 요소로 지정된 요소로 이동합니다. 정시에 발생합니다.

Syntax

HTML:

<

element

onmouseover="

SomeJavaScriptCode

">

JavaScript:object
.onmouseover=function(){
SomeJavaScript 코드

};

Parameters
Description
필수입니다. 이 이벤트가 발생할 때 실행할 JavaScript를 지정합니다.
SomeJavaScriptCode
브라우저 지원

The onmouseover 이벤트 모든 주요 브라우저는 이 이벤트를 지원하는

HTML 태그를 지원합니다:

QQ截图20161108165429.pngonmouseover 속성은 <base>, <bdo>, <br>를 제외한 모든 HTML 요소에 사용할 수 있습니다. , ,