do effect on mouseleave but not if over a specific element

Question

Is it possible to have mouseleave effect always EXCEPT if the cursor is over a certain element?

So say I have two divs called div1 and div2, I would get the mouseleave effect by doing:

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

Could I have the same effect UNLESS the cursor is over div2 after the mouse moves away from div1 ?

Hi check this answer http://stackoverflow.com/a/5018955/2887133 I guess you want some like that. — DaniP, Jan 28 '14 at 14:30

score 17 · Answer 1 · answered Jan 28 '14 at 14:23

JS Fiddle here: http://jsfiddle.net/HBCWs/

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

You can use the toElement property of the jquery event object to check which element the mouse moved to after leaving .div1

score 3 · Answer 2 · edited May 23 '17 at 12:02

3

Might this thread be of help?

Check what element the cursor is on upon mouseleave() with jQuery?

He seems to want to do something similar, and this was accepted as an answer:

You need to use event.toElement || e.relatedTarget:

$('li').mouseleave(function(e) {
// new element is: e.toElement || e.relatedTarget 
});

Or have I misunderstood your question?

edited May 23 '17 at 12:02

Community

1
1

answered Jan 28 '14 at 14:20

Avisari

101
1
4

score 1 · Accepted Answer · answered Jan 28 '14 at 14:23

1

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

http://api.jquery.com/not/

answered Jan 28 '14 at 14:23

loveNoHate

1,549
13
21

3

Think half of us misunderstood the question. +1 for @BrianGlaz. – loveNoHate Jan 28 '14 at 14:29

score 0 · Answer 4 · answered Jan 28 '14 at 14:20

0

Check below fiddle, when mouse leaves div1, an alert message is displayed, but when mouse leaves div2, event is not triggered.

http://jsfiddle.net/ACuE8/

$('div#div1').mouseleave(function() {
  alert("In div 1");
});

answered Jan 28 '14 at 14:20

user2940223

46
6

do effect on mouseleave but not if over a specific element

4 Answers4