Question

这个问题与信息有关。我是jquery的新手。我在HTML＆amp; amp; CSS。

Hover＆amp;和Hover之间有什么区别？鼠标悬停在Jquery中。当它们悬停在元素上时，它们是否都被激活。

Answer 1

mouseover（）：该元素子项的触发事件。

悬停（）：悬停实际上适用于mouseenter和mouseleave而不会为儿童开火。

要实现悬停效果，我们需要mouseover和mouseout事件

$("element").mousover(function(){ 
    //do something over
}).mouseout(function() { 
    //do something out
});

而在悬停（）中它只是一个回电。

$("element").hover(
  function () {
    //do something enter
  }, 
  function () {
    //do something exit
  }
);

来自David Jones的experience：

在我正在研究的项目中   设置一个容器div来使用鼠标悬停和鼠标添加一些   html选项卡到容器。这似乎很好，但我   发现使用mouseover / mouseout意味着保留了添加的html   当我试图与另一个人互动时，它就消失了   jquery我有与之相冲突的地方。

最后，我的特定解决方案要求我使用mouseenter和   mouseleave with live function而不是使用悬停，因为我   正在使用生成的HTML。

Answer 2

hover（）函数更高级 - 它是为调用函数来处理mouseenter事件和mouseleave事件而构建的。对于具有悬停和正常状态的UI元素（例如按钮）非常方便。

mouseover（）函数专门绑定到mouseover事件。这种情况最适合你只关心当鼠标越过边界进入一个元素并且你真的不关心它离开时会发生什么的情况。当你想在某个元素上触发事件时，它也是调用的函数。

来自： http://www.quora.com/jQuery/What-is-the-difference-between-the-hover-and-mouseover-functions

鼠标悬停在Jquery中悬停

2 个答案: