javascript onmouseout 应用于由 child 触发的 div

标签 javascript jquery html events

我无法通过谷歌找到解决方案,但我认为这将是一个很常见的问题。我有一个 div,我已经应用了一个 onmouseout 事件处理程序(该处理程序用于使用 jquery 的“slideup”函数向上滚动菜单,因为我希望在鼠标离开时隐藏菜单)。问题是该 div 的子元素也会导致处理程序触发(由于冒泡事件模型的性质,我承认这是设计使然)。现在我想知道什么是最好的方法来忽略这些由 div 子元素触发的事件,并且只在鼠标离开应用事件的 div 时才滚动菜单。

谢谢

最佳答案

你要找的是 mouseenter 和 mouseleave。

可以在这个链接找到一个很好的例子(他们比较了 mouseenter 和 mouseover)

http://docs.jquery.com/Events/mouseover

一篇博客文章

http://blogs.oracle.com/greimer/entry/mouse_over_out_versus_mouse

关于javascript onmouseout 应用于由 child 触发的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1281066/

相关文章:

javascript - 动态调整iFrame高度动态改变内容高度(里面有解释)

javascript - 从表的td获取id

javascript - 如何为下面的 jquery 函数添加 FadeIn 和 FadeOut?

javascript - 关于 : jquery. js :2 Uncaught Error: Syntax error, 无法识别的表达式 : #mobile-menu-toggle, #mobile-menu a[href*=#]

css - 如何让 Cordova 应用程序的 Tabbar 很好地适应各种手机屏幕尺寸?

javascript - 如何在echarts中的bars中添加自定义文字并修改hover的颜色?

javascript - 在javascript中增加/减少超过步进器的功能

html - div 内的行间距均匀

javascript - 创建一组 "fake"Web 服务的简单方法

javascript - 如何从另一个模块中的异步函数获取 Promise 返回对象