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

mouseenter(onmouseenter)イベント

　mouseenter(onmouseenter)イベントは、設定されたエレメントにマウスポインターが入ったときに発生するイベントです。

　mouseenterイベントはmouseleaveイベントの対です。

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

構文（Syntax）

in HTML

<tagelement onmouseenter="function()">

in JavaScript

object.onmouseenter = function(){ };

object.addEventListener("mouseenter", script_);

備考（Remarks）

BubblesNo
CancelableNo
InterfaceMouseEvent
Supported HTML ElementsALL HTML elements

Example

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

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