例
上にマウスポインタを移動したときにJavaScriptを実行する<div>要素を：
<div onmousemove="myFunction()">Move the cursor over me</div>
»それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
れるonmousemoveイベントは、それが要素上にあるときにポインタが移動しているときに発生します。
ブラウザのサポート
| イベント | |||||
|---|---|---|---|---|---|
| onmousemove | はい | はい | はい | はい | はい |
構文
HTMLには：
JavaScriptで：
object .onmousemove=function(){ »それを自分で試してみてください JavaScriptでは、使用してaddEventListener()メソッドを：
object .addEventListener("mousemove", myScript );
»それを自分で試してみてください 注： addEventListener()メソッドは、Internet Explorer 8およびそれ以前のバージョンでサポートされていません。
技術的な詳細
| バブル： | はい |
|---|---|
| 取消し可能： | はい |
| イベントの種類： | MouseEvent |
| サポートされているHTMLタグ： | <ベース>、<BDO>、<BR>、<HEAD>、<HTML>、<iframe>の、<メタ>、<PARAM>、<SCRIPT>、<スタイル>、および：以外のすべてのHTML要素、 <title> |
| DOMバージョン： | レベル2のイベント |
その他の例
例
この例ではれるonmousemove、onmouseenterとマウスオーバーイベントの違いを示しています。
<div onmousemove="myMoveFunction()">
<p id="demo">I will
demonstrate onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
<p id="demo2">I will demonstrate onmouseenter!</p>
</div>
<div
onmouseover="myOverFunction()">
<p id="demo3">I will
demonstrate onmouseover!</p>
</div>
»それを自分で試してみてください 例
この例ではれるonmousemove、onmouseleaveとイベントれるonmouseoutの違いを示しています。
<div onmousemove="myMoveFunction()">
<p id="demo">I will
demonstrate onmousemove!</p>
</div>
<div
onmouseleave="myLeaveFunction()">
<p id="demo2">I will demonstrate onmouseleave!</p>
</div>
<div
onmouseout="myOutFunction()">
<p id="demo3">I will
demonstrate onmouseout!</p>
</div>
»それを自分で試してみてください <イベントオブジェクト