问题标签 [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 回答
3276 浏览

jquery - jQuery 导航菜单 - 子菜单在 MouseOut 上消失

我正在开发自己的 jQuery 导航菜单并且遇到了一些问题,因为一旦焦点从主导航菜单上的选择中移开,子菜单就会消失。我知道必须有一个简单的解决方案来解决这个问题,但我已经花了几个小时来解决这个问题,并认为是时候寻求帮助了。

下面是代码:

jQuery:

HTML:

任何帮助将不胜感激!

0 投票
2 回答
657 浏览

c# - MouseEnter & MouseLeave 对象名

我想将事件添加MouseOverMouseLeaveflowLayoutPanel 中动态创建的面板。

我在一个名为“panels”的列表中添加了所有面板,它们可以通过“panels[index]”访问。

现在我想为每个面板动态添加一个MouseOver和事件。MouseLeave我认为可以获取鼠标结束的面板名称,并为每个事件仅使用一种方法,并使用其面板名称(panel.Name)识别鼠标所在的面板,但我在“发件人”中一无所获。

有没有办法做到这一点?

我的代码:

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 回答
1751 浏览

animation - jquery 缓动动画

  1. 我有一个页面在鼠标悬停时显示 div 我希望页面移动到焦点上的 div ....我在这里得到了帮助...

现在我希望 div 的 onfocus 与缓动插件一起移动并移动它。我不想在动画中使用“慢”,例如

我如何将缓动应用于上述代码

其次,我希望显示的 div 在 mouseenter 上从左向右滑出,并在隐藏之前从右向左滑动。这就是我现在使用的。我知道有更好或最好的方法来实现我现在正在做的事情。

谢谢你的帮助

0 投票
4 回答
5110 浏览

javascript - 使用 jQuery 处理 div 和嵌套元素上的 mouseenter/mouseleave

div如果鼠标悬停在 div 或任何嵌套元素上,我想显示工具栏。但是以下使用 jQuery 1.7 的解决方案仅在鼠标div直接悬停时才有效,只有在我将 a 添加paddingitemcss 类时才有可能。

1px 的填充不会那么糟糕,但它会导致顶部和底部的填充更大,并且此解决方法无法正常工作 - 尤其是当鼠标从左侧或右侧进入时。

如何在没有填充技巧的情况下处理事件mouseentermouseleave

0 投票
1 回答
138 浏览

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

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

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

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

0 投票
1 回答
306 浏览

jquery - JQuery mouseenter 处理程序可以忽略一个元素

我有一种情况,一系列重叠的 div 带有阴影效果。使用 position:absolute,它们会在最后一个 div 上产生阴影效果。

问题是每个 div 都有一个分配给它的鼠标输入功能。所以用户可以让鼠标悬停在一个上面,但是因为它正在触摸另一个的影子,另一个触发了它的功能。

有没有办法告诉它完全忽略阴影作为鼠标输入功能的触发器,而只使用 div 本身。

试试看

0 投票
3 回答
2502 浏览

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

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

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

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

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

提前致谢。

0 投票
2 回答
952 浏览

wpf - ToolTip 有什么方法可以触发 MouseEnter 事件?

我有一个带有工具提示的控件。我想要的是,当我将鼠标悬停在控件上并打开工具提示时:如果我然后用鼠标输入工具提示 - 这将触发 mouseEnter 事件以触发其他操作。我最接近找到解决方案的方法是在带有触发器的控件上添加 ToolTipClosing 事件......但是一旦我离开控件,它就会触发 - 即使我的鼠标没有进入工具提示。(在工具提示本身上触发 MouseEnter 事件似乎根本不会被触发)

这是一个示例:(如果我输入工具提示,我想更改边框的背景)

XAML

CodeBehind:(这些都不起作用)

我特别想使用工具提示而不是弹出窗口。这可能吗?任何帮助将不胜感激!