jquery - 对 mouseleave 起作用，但如果在特定元素上则不起作用

Question

是否可以始终具有 mouseleave 效果，除非光标位于某个元素上？

假设我有两个名为 div1 和 div2 的 div，我可以通过执行以下操作来获得 mouseleave 效果:

$('div.div1').mouseleave(function() {
    alert('code');
});

除非鼠标从 div1 移开后光标位于 div2 上，我是否可以得到相同的效果？

Answer 1

JS fiddle 在这里:http://jsfiddle.net/HBCWs/

$( function() {
    $('.div1').mouseleave( function(e) {
        if( ! $(e.toElement).hasClass('div2') ) {
            alert( 'not div2!' );
        }
    });
});

您可以使用jquery事件对象的toElement属性来检查鼠标离开.div1后移动到哪个元素