首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在Jquery中将鼠标悬停在v/s上

在Jquery中将鼠标悬停在v/s上
EN

Stack Overflow用户
提问于 2013-08-05 22:21:20
回答 2查看 9.2K关注 0票数 7

这个问题是与信息相关的。我是jquery的新手。我是相当有经验的HTML和CSS。

在Jquery中,Hover和Mouseover有什么区别?当悬停在一个元素上时它们不是都被激活了吗。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-08-05 22:28:49

hover()函数的层次更高--它是用来调用函数来处理mouseenter事件和mouseleave事件的。对于具有悬停和正常状态的UI元素(例如按钮),这是非常方便的。

mouseover()函数专门绑定到mouseover事件。当您只关心鼠标何时越过边界进入元素,而不关心它离开后会发生什么时,这是最好的情况。当你想在某个元素上触发事件时,它也是要调用的函数。

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

票数 6
EN

Stack Overflow用户

发布于 2013-08-05 22:48:53

mouseover():该元素的子元素的触发事件。

Hover (): Hover实际上可以与mouseentermouseleave一起工作,而不会为孩子们触发。

为了实现悬停效果,我们需要同时使用mouseovermouseout事件

代码语言:javascript
运行
复制
$("element").mousover(function(){ 
    //do something over
}).mouseout(function() { 
    //do something out
});

而在hover()中,它只是一个回调。

代码语言:javascript
运行
复制
$("element").hover(
  function () {
    //do something enter
  }, 
  function () {
    //do something exit
  }
);

来自David Jones's experience

在我正在处理的项目中,我设置了一个容器div来使用mouseover和mouseout,这将一些html标签添加到容器中。这看起来非常好,但我发现使用mouseover/mouseout意味着当我尝试与其他与之冲突的jquery交互时,添加的html会一直消失。

最后,我的特殊解决方案要求我在live函数中使用mouseenter和mouseleave,而不是使用hover,因为我使用的是生成的html.。

票数 9
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18060569

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档