问题标签 [mouseenter]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2082 浏览

jquery - jQuery如何防止鼠标悬停在页面加载时触发鼠标悬停元素

我的页面上有一个元素,它绑定了一个 mouseenter 事件,它改变了子图像的尺寸。

它可以按我的意愿工作,但是如果您将光标悬停在 div 所在的位置点击页面,它会在加载后立即触发 - 这是不希望的,我希望它什么都不做,直到鼠标光标实际进入div 而不是而不仅仅是在那里开始。

我试过在 jsfiddle 上敲一个例子,但是页面加载太快,我无法将光标放在正确的位置:(

一种可能性是将绑定方法调用置于超时状态,以便绑定事件需要一秒钟,但如果用户将光标悬停在我的 div 上,问题仍然会发生。

有任何想法吗?

使用 jQuery 1.6.2

0 投票
1 回答
2436 浏览

javascript - 如何根据容器内的鼠标位置正确滚动溢出的 div

我正在开发一个小型 jQuery 插件,该插件根据容器 div 中的鼠标位置自动滚动容器 div 中的一组溢出元素。

在此处查看演示

这个想法是让这个插件成为我前一阵子写的东西的改进。请参阅此处左下角的自动滚动导航与此有关的老问题是,当您从除容器 div 的底部(javascript 透视图)之外的任何地方鼠标输入时,它会跳来跳去。

现在我的插件一切正常,但是当你从顶部鼠标输入时,它时不时地搞砸了(快速移动你的鼠标,它肯定会发生),我认为这是因为我从我的mouseenter 事件和我的 mousemove 事件都用于计算如何滚动内部元素。这是函数,源代码的其余部分非常小并且评论得体。

0 投票
1 回答
751 浏览

jquery - Jquery悬停解除绑定并再次绑定

我目前正在使用这一点 Jquery。

在第一个函数中,我添加了一个 .unbind 的 mouseenter,它完全符合我的需要,但在下一个函数中,我应该将悬停 (mouseenter mouseleave) 绑定回函数中。我尝试了一些选项,但不会回到我拥有的悬停功能。

0 投票
3 回答
2833 浏览

javascript - 在 ('a')mouseleave 上检查 ('div')mouseenter

我的问题如下:我有一个触发器(a)和一个弹出窗口(div)。div 并不嵌套在锚点内。

  • 当我将鼠标悬停在 a 上时,我希望 div 出现。
  • 当我从 a 转到 div 时,我希望它保持可见。
  • 当我离开 div 时,我希望它关闭。
  • 当我将鼠标悬停在 a 上并离开而不进入 div 时,我希望 div 关闭。

我已经弄清楚了大部分,但现在我正在努力解决要求。2.在a上检查mouseleave时,我检查div上是否有mouseenter。如果是,我想中止鼠标离开。如果没有,我想关闭 div。

我究竟做错了什么?这甚至是正确的方法吗?

这是标记:

这是jQuery:

0 投票
0 回答
1417 浏览

ruby-on-rails - Capybara 上的触发事件 mouseenter/mouseleave/Firefox 上的 Selenium

所以这是我触发事件的代码

在测试期间,该事件不会被触发,此事件将 div 的可见性设置为 true。所以我的 div 的可见性设置为 false 并且 Selenium 不想对不可见的元素做任何事情。

如果在测试期间在 Firefox Javascript 的控制台中执行此代码,一切正常。

我已经看到有些人通过直接使用带有 session.driver 的驱动程序在 Java 中解决了这个问题,但我还没有弄清楚如何将鼠标放在我的元素上。

谢谢你的帮助 :)

0 投票
3 回答
2191 浏览

jquery - Mouseenter 仅在 IE9 中透明 div 的边框上触发

在我的代码中,我有一个 id 为“SIAinfoBox”的 div,它将加载不同的详细信息,具体取决于鼠标当前所在的 div。我将以下两个侦听器附加到每个相关的 div 中:

这些 div 没有设置背景颜色,但有一个 1px 的纯黑色边框。在 Firefox 中,一切正常。但在 Internet Explorer 中,只有当鼠标移到 div 的边框上时,才会填充 SIAinfoBox。在 div 内移动它似乎会触发 mouseleave 事件,并且内容被删除并隐藏 div。如果我设置背景颜色,它会像预期的那样工作,但是没有背景颜色(或透明)它不起作用。我也尝试过使用 mouseenter 而不是 mouseover,但结果相同。为什么 InternetExplorer 会这样,或者我可以做些什么来实现我目前在 FF for IE 中获得的结果?

0 投票
1 回答
753 浏览

javascript - 关于鼠标事件将两个 Dom 元素合二为一

我在彼此相邻的所有内容之上都有两个 div。

在此处输入图像描述

为了 mouseenter 和 mouseleave,我希望它们被视为“一个”。它们彼此相邻(或重叠)排列。

这可能吗?

我试过做一个 mouseleave/mouseenter 组合,但我不能保证哪个会首先触发,从第一个元素离开或进入它的伙伴。

谢谢!

0 投票
4 回答
220 浏览

jquery - jquery 悬停进出

我在一个列表中有 4 个框。我试图在悬停时将宽度设置为 100%。它可以很好地工作而无需将 float:left 设置为 li 元素。设置 float:left 时,悬停在右侧框上的悬停会在悬停时闪烁。

代码在这里 - http://jsfiddle.net/PsYn9/5/

如果我将鼠标悬停在框 #2 上,则会闪烁。为什么会发生这种情况

0 投票
2 回答
316 浏览

javascript - 让带有用户交互的 jQuery .mouseenter()/.mouseleave() 脚本正常工作的问题

首先,为标题道歉,我想不出合适的标题。

我不确定为什么下面代码中的 hide() 函数在触发时在 firebug 中返回错误,我很确定一旦我消除了这个缺陷,其余代码将正常工作,任何帮助/建议将不胜感激.

Firebug 控制台错误:

到目前为止我的代码:

非常感谢大家提前提供的任何帮助,

担。

0 投票
2 回答
1458 浏览

jquery - 带有 setTimeout 的 jQuery 实时函数

我正在尝试结合 mouseenter、live 和 setTimeout 函数来制作一些动画

html看起来像这样

由于我发布的问题脚本显然不起作用:)。有谁知道为什么?谢谢。

PS我需要实时功能,因为我正在通过ajax加载新内容