Detect, если мышь находится над элементом

Question

Как я могу получить довольно простую истину/ложь-заявление, если мышь находится над событием сНа = истина еще событие = ложь

var test = $("#main-nav").on("mouseenter", function (e) { 
    e.preventDefault(); 
    console.log(e.preventDefault()); 
    return true; 
}); 

if (test === true) { 
    //do something 
} else { 
    //something different 
} 

Answer 1

Если я правильно понимаю ваш вопрос :

if($("#main-nav").is(":hover")) { 
    //do something 
}else{ 
    //something different 
} 

В псевдокоде:

if the cursor is over #main-nav 
    do something 
if it's not 
    do something else 

---

Если вы хотите test всегда быть установлен:

var test = false; 
$("#main-nav").on("mouseenter", function(e){ 
    e.preventDefault(); 
    test = true; 
}).on("mouseleave", function(e){ 
    e.preventDefault(); 
    test = false; 
}); 

Таким образом,

if(test === true) { 
    //do something 
}else{ 
    //something different 
} 

воли всегда работу.

Answer 2

Вы можете иметь логическое значение (true/false) переменная, которая будет постоянно обновлять, делая это:

var hovering; 
$("#main-nav").mouseenter(function(){ 
    hovering = true; 
}); 
$("#main-nav").mouseleave(function(){ 
    hovering = false; 
}); 

Поэтому, когда он называется он расскажет вам, если мышь находится в пределах вашей DIV:

if (hovering){ 
    // mouse within div 
} else { 
    // mouse not within div 
} 

Answer 3

Если вам обязательно нужно в качестве переменной:

var test = false; 
$("#main-nav").on("mouseenter", function (e) { 
    test = true; 
}); 
$("#main-nav").on("mouseout", function (e) { 
    test = false; 
}); 

//.... 

if (test === true) { 
    //do something 
} else { 
    //something different 
}