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）
| Bubbles | No |
| Cancelable | No |
| Interface | MouseEvent |
| Supported HTML Elements | ALL HTML elements |
Example
mouseenterイベントに似たイベント、mousemoveイベント、mouseoverイベントの違いもテストできます。