Mouseenterイベントは、1回のみトリガーされます。トリガーオブジェクトは、登録されたオブジェクトまたは登録オブジェクトの子要素です。
マウスオーバーイベントは複数回トリガーできます。トリガーオブジェクトは、登録されたオブジェクトまたは登録オブジェクトの子要素です。
<！doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> document> document> </head> <body> <p>マウスポインターが選択した要素を通過するか、子要素を通過するかどうかに関係なく、マウスオーバーイベントはトリガーされます。 </p> <p>マウスエンターイベントは、マウスポインターが選択した要素を通過する場合にのみトリガーされます。 </p> <div style = "background-color：lightinggray; padding：20px; width：40％; float：left"> <h2 style = "background-color：white;">フラッシュされたマウスオーバーイベント：<span> </span> </h2> </div> <div style = "background-color：lightgray; fidth; float"> float style = "background-color：white;">フラッシュマウスエンターイベント：<span> </span> </h2> </div> <script> var x = 0、y = 0; var div1 = document.getElementsbyclassname（ "over"）[0]; div1.addeventlistener（ "mouseover"、function（）{var span = this.getelementsbytagname（ "span"）[0] span.innertext =（x += 1）; span.style.csstext = "border：2px red solid;";}、false）; var div2 = document.getElementsByClassName（ "Enter"）[0]; div2.addeventlistener（ "mouseenter"、function（）{var span = this.getelementsbytagname（ "span"）[0] span.innertext =（y += 1）; span.style.csstext = "border：2px red solid;";}、false）; </script> </body> </html>上記の記事では、JQのマウスオーバーとマウスエンターの違いについて簡単に説明しています。私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。