備忘録的プログラミングリファレンス

mouseover ( onmouseover )イベント

 mouseover ( onmouseover )イベントは、このイベントが設定されたHTMLエレメント上にマウスポインターが入ったら発生するイベントです。

 mouseoverイベントはmouseoutイベントの対です。

 mouseoverイベントに似たmousemovemouseenterイベントがあります。 mouseoverイベントはバブルし、マウスポインターがエレメント上に入ったときだけイベントが発生します。

構文(Syntax)

in HTML

<tagelement onmouseover="oneFunction()">

in JavaScript

object.onmouseover = function(){ };

object.addEventListener("mouseover", script_);

備考(Remarks)

BubblesYes
CancelableYes
InterfaceMouseEvent
Supported HTML ElementsALL HTML elements

Example

 mouseoverイベントに似たイベント、mousemoveイベントmouseenterイベントの違いもテストできます。

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。