gpt4 book ai didi

jQuery "on", "hover"在鼠标移出时执行

转载 作者:行者123 更新时间:2023-12-01 07:13:12 25 4
gpt4 key购买 nike

我下面有一个函数,它在悬停时执行,但在鼠标移开时,它也会再次执行。有什么理由这样做吗?

  $(element).on('hover', '.item', function () {})

最佳答案

jQuery 的 hover 事件设计用于在悬停开始和结束时发出通知。当按照您使用的方式使用时,它会调用 mouseentermouseleave 的事件处理程序。

您可以在处理程序中检查 event.type 以查看事件触发时触发的是哪个事件,也可以切换到使用 $(element).hover(fn1, fn2) 并传递这两个函数。

来自jQuery doc for .on() :

Deprecated in jQuery 1.8, removed in 1.9: The name "hover" used as a shorthand for the string "mouseenter mouseleave". It attaches a single event handler for those two events, and the handler must examine event.type to determine whether the event is mouseenter or mouseleave. Do not confuse the "hover" pseudo-event-name with the .hover() method, which accepts one or two functions.

所以,基本上,您不应该使用 $(element).on('hover', ...); 相反,使用 .hover()并传递两个事件处理程序或传递单个事件处理程序并检查 event.type

关于jQuery "on", "hover"在鼠标移出时执行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23304942/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com