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

mouseenter ( onmouseenter )イベント

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

mouseenter ( onmouseenter )イベント
document.getElementById('example').addEventListener( "mouseenter", ( event )=>{
	console.log( event );
}, false );

詳しくは Example を参照してください

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

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

ページ内 Index

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