zoukankan      html  css  js  c++  java
  • 鼠标 mouseover和mouseout事件

    在div内想实现鼠标移入移出效果,最开始的时候是用了jquery的mouseout和mouseover事件来实现的,

    $('.product).mouseover(function(){
            ……
    }).mouseout(function(){
            ……
    });    
    

      但是当鼠标在div内的元素移动时也触发了mouseout事件,第一时间想到的是自己代码是不是写错了,但是检查了很多遍,发现没有问题的,

    既然代码没有问题,那为什么会出现这种情况?后面想不到原因就上网搜索下,结果发现确实是存在这种情况,解决方法是用mouseleave和mouseenter

    来实现移入移出效果。

    另注,使用时可能存在错误,使用mouseleave来代替mouseout,但是还是继续使用mouseover,会导致mouseover事件一直被触发,

    所以,jquery中的方法还是成对的用比较好,能避免出现不必要的错误

  • 相关阅读:
    Java经典习题7
    Java经典习题6
    java经典习题5
    前后端分离开发——模拟数据mock.js
    微信网页第三方登录原理
    TP5常量
    TP5
    健忘的正则
    JS正则
    apache配置修改
  • 原文地址:https://www.cnblogs.com/liuyfl/p/4561603.html
Copyright © 2011-2022 走看看