onmouseout
前のトピック: onmousemove 次のトピック: onmouseover |
onmouseout
解説
ユーザーがエレメントの範囲外にマウスを動かしたときに発生する。
注意事項
ユーザーがエレメントの範囲内にマウスを動かすと、onmouseoverイベントが1回発生し、エレメント内でマウスを動かす毎にonmousemoveイベントが発生する。そして、マウスがエレメント外にでたときにonmouseoutイベントが発生する。このイベントはイベントバブル(階層を上る)である。イベントバブルは、そのイベントが発生したオブジェクトの上位エレメントのいずれかで処理することができる。
例
次のJScript例は、識別子"para_1"を持つエレメントのonmouseoutイベントハンドラである。このハンドラは、マウスがエレメントの外に移動したときにエレメントの中のテキストの色を変更する。
<SCRIPT FOR=para_1 EVENT=onmouseout LANGUAGE="JScript"> var el = window.event.srcElement; for ( ; el.id != "para_1"; el = el.parentElement); el.style.color = "silver"; </SCRIPT>次のJScript例は、IMGエレメントのonmouseoutイベントハンドラである。そのエレメントの外にマウスが出たときに、ハンドラは画像ファイルを交換する。
<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
トップに戻る
© 1997 Microsoft Corporation. All rights reserved. Terms of Use.