3.mouseenter和mouseover事件的区别
Posted alex-xxc
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了3.mouseenter和mouseover事件的区别相关的知识,希望对你有一定的参考价值。
<html> <head> <meta charset="UTF-8"> <script src="jquery-3.3.1.js"></script> <script type="text/javascript"> x=0; y=0; $(document).ready(function(){ $("div.over").mouseover(function(){ $(".over span").text(x+=1); }); $("div.enter").mouseenter(function(){ $(".enter span").text(y+=1); }); }); </script> </head> <body> <p>不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。</p> <p>只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。</p> <div class="over" style="background-color:lightgray;padding:20px;width:40%;float:left"> <h2 style="background-color:white;">被触发的 Mouseover 事件:<span></span></h2> </div> <div class="enter" style="background-color:lightgray;padding:20px;width:40%;float:right"> <h2 style="background-color:white;">被触发的 Mouseenter 事件:<span></span></h2> </div> </body> </html>
以上是关于3.mouseenter和mouseover事件的区别的主要内容,如果未能解决你的问题,请参考以下文章
mouseover 和 mouseenter 事件有啥区别?