javascript – 如何在jquery上区分mouseout / leave事件?

前端之家收集整理的这篇文章主要介绍了javascript – 如何在jquery上区分mouseout / leave事件?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

有没有办法知道鼠标事件是否已从元素的特定一侧离开?我的意思是,我有一个带鼠标悬停/鼠标中心事件的DIV,我想只有当鼠标离开左侧时触发动作DIV和右边,但如果它从底部或顶部离开,它不应该触发任何动作.

先感谢您.

最佳答案
使用jQuery,您可以使用事件的offsetX属性

$('#element').mouSEOut(function(e) {
    if (e.offsetX < 0 || e.offsetX > $(this).width()) {
        alert('out the side!');
    }
});

我不认为该属性是可靠的跨浏览器(没有jQuery),我相信jQuery正常化它(我在Chrome和IE7-9中测试过它).基本上,该属性包含在触发事件时光标相对于目标元素的位置.如果该值小于0或大于元素的宽度,则您知道光标在离开元素边界时位于元素的左侧或右侧之外.

猜你在找的jQuery相关文章