zoukankan      html  css  js  c++  java
  • 一个例子说明mouseover事件与mouseenter事件的区别

    <html>
    <head>
    <meta charset="UTF-8">
    <title>haha</title>
    <script src="jquery.js" type="text/javascript"></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;40%;float:left">
    <h2 style="background-color:white;">被触发的 Mouseover 事件:<span></span></h2>
    </div>
    <div class="enter" style="background-color:lightgray;padding:20px;40%;float:right">
    <h2 style="background-color:white;">被触发的 Mouseenter 事件:<span></span></h2>
    </div>
    </body>
    </html>

    mouseover与mouseenter

    不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。

    只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。


    mouseout与mouseleave

    不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。

    只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。

  • 相关阅读:
    Spring中关于view层的一些配置和使用方法
    Spring JDBC和Hibernate混用时,如何配置事务管理
    Oracle技巧2则
    说出我的故事
    只有MDF数据库文件的数据恢复(转)
    js技巧
    Oracle 统计信息(1)
    SQL优化解决思路
    Webspere 6集群和负载均衡配置和测试
    小招技巧: EXCEL文件导入数据库(转)
  • 原文地址:https://www.cnblogs.com/ChrisMurphy/p/4790835.html
Copyright © 2011-2022 走看看