onmouseover
onmouseoveronmouseover*
*前のトピック: onmouseout
*次のトピック: onmouseup

onmouseover

解説

ユーザーがマウスをエレメントの中に移動させたときに発生する。このイベントはエレメントの中に移動してきたときに発生し、エレメントの外に一度出て再び入るまではこのイベントは再び発生することはない。

注意事項

ユーザーがマウスをエレメントの中に移動させたとき、onmouseoverイベントが1回発生し、エレメント内でマウスを動かす毎にonmousemoveイベントが発生する。そして、マウスがエレメント外に出たときにonmouseoutイベントが発生する。このイベントはイベントバブル（階層を上る）である。イベントバブルは、そのイベントが発生したオブジェクトの上位エレメントのいずれかで処理することができる。

例

次のJScript例は、識別子"para_1"を持つエレメントのonmouseoverイベントハンドラである。このハンドラは、マウスがエレメント内に入ったときにエレメントの中のテキストの色を変更する。 

<SCRIPT FOR=para_1 EVENT=onmouseover LANGUAGE="JScript">
var el = window.event.srcElement;
for ( ; el.id != "para_1"; el = el.parentElement);
el.style.color = "black";
</SCRIPT>

次のJScript例は、IMGエレメントのonmouseoverイベントハンドラである。そのエレメントの外にマウスが入ったときに、ハンドラは画像ファイルを交換する。 

<IMG SRC="inactive.gif" onmouseover="flipImage('active.gif')" onmouseout="flipImage('inactive.gif')">
    .
    .
    .
<SCRIPT LANGUAGE="JScript">
function flipImage(url)
{
    if (window.event.srcElement.tagName == "IMG" ) {
        window.event.srcElement.src = url;
    }
}
</SCRIPT>

適用

A, ADDRESS, APPLET, AREA, B, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, DD, DFN, DIR, DIV, DL, DT, EM, EMBED, FIELDSET, FONT, FORM, H1, H2, H3, H4, H5, H6, HR, I, IMG, INPUT, KBD, LABEL, LEGEND, LI, LISTING, MAP, MARQUEE, MENU, OL, P, PLAINTEXT, PRE, S, SAMP, SELECT, SMALL, SPAN, STRIKE, STRONG, SUB, SUP, TABLE, TBODY, TD, TEXTAREA, TFOOT, TH, THEAD, TR, TT, U, UL, VAR, XMP, document

Up トップに戻る
© 1997 Microsoft Corporation. All rights reserved. Terms of Use.

Page view tracker