zoukankan      html  css  js  c++  java
  • JQuery 之事件中的 ----- hover 与 onmouseover 、onmouseout 联系

    hover([over,]out) 

    一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。

    1. 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。
    2. 当鼠标移出这个元素时,会触发指定的第二个函数。

    注意会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件(修正了使用mouseout事件的一个常见错误)。

    参数                                                                                                                                                                                                                         

    over:鼠标移到元素上要触发的函数

    out:鼠标移出元素要触发的函数

    最常见的案例:解决mouseout 与 mouseover事件

      

    onmouseover 和 onmouseout 事件                                                                                                                                

      onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。当前HTML元素中包含其它子元素的时候,在子元素间进行进行移动的时候,同样会触发这两个事件。

     如果要实现这个效果的话, onmouseover 和 onmouseout 事件 是不合适的,那么用hover事件正好能解决 由于onmouseover 和onmouseout 造成的问题

  • 相关阅读:
    让一个不固定高度的div,保持垂直水平居中的方法
    Set、Map、WeakSet 和 WeakMap
    JS 中常用的 Math 方法
    不使用 new,创建一个实例对象
    做一个弹窗
    变量提升
    事件委托实践
    vue组件通信
    新版vue脚手架关闭eslint
    图片懒加载原生js实现
  • 原文地址:https://www.cnblogs.com/czhyuwj/p/5388614.html
Copyright © 2011-2022 走看看