jquery - jquery 中 mousemove() 上的 div 的最佳方法是什么?

标签 jquery html css

在我的 MVC 应用程序中,我有一个具有以下 DOM 的 View :

<div class="item">
Item Name
</div>

这些“元素 div”是通过 View 内的 foreach 循环生成的。我的目标是在鼠标移动事件上显示另一个“div”,这将为用户提供一些选项(如共享、删除等)。对于“options div”,我没有特定的设计想法。但我的问题是实现这一目标的最佳方法是什么?我是否应该在 foreach 循环中的“item div”旁边创建“options div”,并​​在鼠标移动时在 css 中设置可见性?我试过了,它确实损害了性能。

PS:我有大约 2000 个“元素 divs”。

谢谢!

最佳答案

您可能实际上并不需要 mousemove,而是需要 mouseovermouseout

mousemove 会快速连续触发很多次,因为它会在每次鼠标在元素上移动时触发,即使鼠标在元素上移动的幅度很小 - 即使鼠标停留在元素上相同的元素。由于听起来您只想根据鼠标当前悬停在哪个元素上来设置显示或隐藏的内容,因此您可以使用 mouseover 和 mouseout 来更有效地做到这一点 - 在 mouseover 时显示相应的链接,并在 mouseout 时隐藏它们。

关于jquery - jquery 中 mousemove() 上的 div 的最佳方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3225693/

相关文章:

javascript - 使用日期范围过滤数据表

jquery - 字符串到对象未按预期工作

jquery - 我怎样才能用CSS做到这一点? (第三层、第四层的传承??)

javascript - HTML <source> 标签上的 Webpack JSX 错误

html - 使用CSS自动计算菜单项宽度

jquery - Bootstrap 列不与图像堆叠

html - 在 Dreamweaver 中呈现不同于实时站点

javascript - 避免在 jquery 中再次调用相同的 ajax 请求时以前的 ajax 请求

jquery - 在 ajax 帖子中设置 Rails session

javascript - 下拉 Bootstrap 行为很奇怪