如果游标在div内，则显示块jquery。

Question

这里是这个问题的一个小插曲： http://jsfiddle.net/MEJgb/

我想要它，所以当你悬停在任何地方的页脚，切换将成为活跃，并将保持活跃，直到你移动鼠标从页脚。

Answer 1

您的问题是以下几行：

    jQuery('html,body').animate({
        scrollTop: jQuery("#footer_copy_right").offset().top
    }, 'slow');

这将导致整个页面移动，从而使您正在悬停的项目不再被悬停，因此它再次触发您的事件并隐藏您的文本。当我测试时，这是导致悬停内容移回我的鼠标下，从而再次触发.

我个人不会在这种情况下使用悬停，让用户单击以展开，然后再次单击崩溃。

如果您想继续使用悬浮选项，那么您需要决定触发崩溃的事件应该是什么。显然，当前的选择(鼠标不再对箭头)是不够的。

通常我要做的是将悬停附加到包含可见触发块以及将要显示的内容的块上。这样，在移除新显示的内容之前，您的内容不会崩溃。

http://jsfiddle.net/AjHwM/就是这样一个例子。

Answer 2

即使我不确定您的实际目标是什么，也许document.elementFromPoint()方法才是帮助您解决问题的方法。

它被调用如下

if( document.elementFromPoint( event.pageX, event.pageY ) === $('#footer')[0] ) { }

在hover (即mouseenter / mouseleave处理程序)中，该代码将比较放置在当前绝对鼠标光标X/Y位置下的节点与#footer节点之间的位置。

参考文献：MDN文档，W3C文档