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跳动的情况,查资料并记录。

  • 相关阅读:
    Shell脚本 --- 正则表达式和文本处理工具
    python的eval、exec函数
    内置函数 Built-in Functions
    关于Python中的lambda
    Python中*args和**kwargs的区别
    Python基础-10-文件操作
    Python基础-09-内置函数
    Python基础-08-函数
    Python基础-07-集合
    Python基础-06-字典
  • 原文地址:https://www.cnblogs.com/webbest/p/5727697.html
Copyright © 2011-2022 走看看