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

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コード例が実行されます。