Jquery mouseleave效果通过div的底部边框

Question

这让我发疯.

有没有办法只有在div通过底部边框时才能触发mouseleave jquery效果？

也就是说,如果鼠标指针通过任何其他3个边界离开div,则阻止发生所述效果.

我想这肯定是某种坐标问题,但两个位置都没有偏移似乎就像我的答案.

如果可以做到这样的事情,那么非常感谢关于如何做到这一点的最简单的例子.

如果已经询问(并回答)类似的问题,任何重定向也将受到赞赏.

谢谢!

Answer 1

这个怎么样:

$("div").mouseleave(function(e){
    var $this = $(this);

    var bottom = $this.offset().top + $this.outerHeight();

   if(e.pageY >= bottom) alert("BOTTOM"); 
});

http://jsfiddle.net/uqcU6/6/