问题标签 [mouseleave]

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 投票
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 投票
3 回答
606 浏览

javascript - jQuery鼠标离开进入隐藏显示

下面是我的jQuery:

这是我将此 jQuery 应用到的 HTML:

我应该用什么替换IF(NOT (MOUSE OVER AN ELEMENT WITH ID INFO))来实现隐藏没有“信息”ID的元素?

0 投票
0 回答
482 浏览

jquery - 一个 jQuery 动画停止另一个动画

编辑 - 已解决。底部的解决方案。

整个下午,我一直在用头撞砖墙。不是 jQuery 的天才,所以如果已经有答案,那么 apols - 我不确定要搜索什么,我已经花时间搜索了!

我正在尝试在一页上运行两个动画。第一个是 mouseenter、mouseleave 函数,它给出了四向滑动门的效果:

第二个是萤火虫效果,相关的动画代码在这里:

他们俩都可以自己完美地工作。但是,当我将它们结合起来时,它会变得有点奇怪。在我看来,萤火虫的工作原理是为每个萤火虫图像同时制作 40 个动画,并为每个萤火虫分配一个随机方向,并为所有“萤火虫”分配相同的随机持续时间。

现在,当我用鼠标输入第一个 jQuery 脚本时,它的“门”打开得很好,动画可以正常工作。如果鼠标一直悬停在 'qitem' 元素上,那么似乎当萤火虫动画完成其当前迭​​代时,就会调用 mouseleave 事件。

第二部动画怎么会像这样影响第一部呢?我在想,也许 DOM 中存在某种“重置”,并且必须再次检测到鼠标指针,所以看起来鼠标正在“离开”。

我希望我已经很好地解释了这一点 - 如果看起来有点混乱,请要求进一步澄清。

提前感谢您的任何帮助。

编辑 - 已解决

好的,我知道了!

像往常一样,这些事情总是很简单。当你知道如何!它正在阅读我可以在 stackoverflow 上找到的每个 jQuery mouseleave/mouseenter 线程,这导致我找到了解决方案 - z-index。

“萤火虫”在移动时悬停在与 mouseleave 事件相关联的元素上,因此触发它。我所要做的就是确保 mouseleave div 的 z-index 比萤火虫高。简单的 :-)

0 投票
1 回答
190 浏览

hover - jquery mouseleave 导致其他脚本停止工作?

我正在编写一个评估脚本,以便项目可以被评为 1 到 5 星。我的脚本首先起作用,导致星星从当前评级变为鼠标悬停的任何内容,然后在鼠标移出时返回当前评级。但是,在星星上方盘旋不会导致任何变化。(在此期间没有点击。)

所以悬停工作,然后 mouseleave 工作,然后悬停不再工作,尽管 mouseleave 继续工作。这是我的 javascript 文件中的代码:

这是所有这一切发生的 div 标签和代码:

mouseleave 事件是否有任何原因会导致悬停事件停止工作?mouseleave 事件传递回 div 标记的 html 与开头的 html 完全相同。所以我有点迷路了。

提前感谢您的任何建议和帮助。

编辑

根据 Anthony 的建议,我查看了 live(),但发现它已被弃用,我应该使用 on()。委托方法还建议使用 on()。所以这就是我一起去的。在遇到几个错误后,我意识到我的 jquery.js 只是旧的,所以我更新了它,它就像一个魅力。我只更改了 ready(function(){}) 内部的第一行,如下所示:

0 投票
1 回答
138 浏览

jquery - jQuery - 如果表单中的元素有焦点,不执行队列?

我有一个 div 元素,其中包含一个小表单和一个 dhtmlx 数据网格。这个 div 很少使用,所以我使用 jQuery 的 slideUp 在不需要时将其隐藏起来。我在 div 上附加了 mouseenter 和 mouseleave 事件来设置和取消 slideUp - 这样当鼠标在 div 上时它不会消失。

但是,当用户单击表单元素或数据网格之一,然后将鼠标移开时,我的问题就出现了。显然用户仍然需要 div 可见,但是 mouseleave 事件会导致 div 向上滑动!

jQuery 中是否有测试 div 中的任何元素是否具有焦点?然后,如果确实有焦点,我可以取消 slideUp 调用。

0 投票
3 回答
2502 浏览

jquery - mouseenter/mouseleave 受嵌套子对象影响

myNestContainer在准备好文档时隐藏了一个控制面板 ( )。我有一个按钮navMyNest,当mouseenter发生时,显示myNestContainer. 这工作正常。

问题是我希望用户能够浏览控制面板,但是考虑到在 中有嵌套的 DIV 容器myNestContainer,只要输入一个,就会mouseleave生效并关闭控制面板。

mouseenter这比/工作得更好mouseout,但仍然没有我想要的功能。

关于如何覆盖子对象以便在用户查看控制面板时保持打开状态的任何想法?

提前致谢。

0 投票
1 回答
387 浏览

jquery - 在带有未嵌套子菜单的 jquery 导航菜单上实现 setTimeout 的问题

我有一个菜单列表,其中包含未嵌套用于样式目的的子菜单。因此,我将 mouseenter 和 mouseleave 与 settimeout 一起用于悬停行为。

这是我的html:

还有我的jQuery:

一切都按预期工作,除了以下内容:当我将鼠标悬停在一个导航标题上并快速将鼠标悬停在另一个标题上时,与新标题关联的子菜单会短暂出现然后消失。(在两个导航标题之间缓慢移动鼠标可以正常工作)。如何在输入新导航时正确停止与 setTimeout 函数相关的所有操作(并关闭任何打开的子菜单)。标题?非常感谢您的帮助!

0 投票
2 回答
5008 浏览

jquery - jQuery - 如何检查悬停在哪个元素上(但不是任何特定元素!)

我想使用 jQuery 来确定当前悬停在哪个元素上。它可以是页面上的任何元素,这意味着mouseovermouseoutmouseentermouseleave不适用于此处,因为它们与特定元素相关。

这是一个快速示例:

mouseenter我知道,我知道,将一个和mouseleave事件处理程序绑定到元素并这样做似乎会更好#foo,但是鼠标经常移动得太快而无法注册mouseleave事件,所以我想尝试这种方式。

关于如何确定的任何想法elementBeingHoveredOver