zoukankan      html  css  js  c++  java
  • jquery mouseout和mouseleave区别

    mouseout()和mouseleave()

    都是鼠标移出元素时触发,但是这两者又有所区别,需要大家留意:

    • 不论鼠标指针离开指定元素还是该元素子元素,都会触发 mouseout 事件。

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

    举个例子来说:

    现在有两个div,第一个<div>初始红色并且有个子元素<a>,第二个<div>初始为绿色

    1 <div id="1"style=" 200px;height: 200px;background-color: red;margin-bottom: 10px;">
    2 
    3     <a>hehe</a>
    4 
    5 </div>
    6 
    7 <div id="2"style=" 200px;height: 200px;background-color: green;margin-bottom: 10px;"></div>

    现在我们分别用mouseout和mouseleave测试

     1  $(document).ready(function()
     2 
     3 {
     4 
     5     $("#1").mouseout(function()//此方式下,当鼠标移出<a>元素也会触发
     6 
     7     {
     8 
     9         $("#2").css("background-color","yellow");
    10 
    11     });
    12 
    13 });  
    14 
    15 $(document).ready(function()
    16 
    17 {
    18 
    19     $("#1").mouseout(function()//只有鼠标移出#1<div>时才会触发
    20 
    21     {
    22 
    23         $("#2").css("background-color","blue");
    24 
    25     });
    26 
    27 });

      今天在做放大镜效果时,出现了光标的div跳动的情况,查资料并记录。

  • 相关阅读:
    centos6.5下的mysql5.6.30安装
    mysql常见错误
    fpm打包redis3.0.7
    centos6.5安装fpm打包工具
    centos6.5安装flume
    centos6.5 安装mono
    利用rsyslog 对linux 操作进行审计
    CentOS7修改服务器主机名方法
    CentOS 7 修改网卡名称为eth
    keepalived配置日志
  • 原文地址:https://www.cnblogs.com/webbest/p/5727697.html
Copyright © 2011-2022 走看看