オンマウスオーバーイベント


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 イベントは、指定された要素へのマウス ポインター内の指定された要素に移動します時間どおりに発生します。

構文

HTML:

<

要素

onmouseover="

SomeJavaScriptCode

">

JavaScript:object
.onmouseover=function(){
SomeJavaScriptCode

};

パラメータ
説明
必須。このイベントが発生したときに実行される JavaScript を指定します。
SomeJavaScriptCode
ブラウザのサポート

onmouseover イベント すべての主要なブラウザは、このイベントをサポートする

HTML タグをサポートしています:

QQ截图20161108165429.png onmouseover 属性は、<base>、<bdo>、<br>、を除くすべての HTML 要素で使用できます。 <head>、<html>、<iframe>、<meta>、<param>、<script>、<style>、 と <title>。