¿Cómo determina jquery si el mouse está en un div?
Hay tres métodos. Acabo de ver este artículo y me gustaría compartirlo contigo:
Tres formas de determinar si el mouse está en un div usando jquery.
Los siguientes son el código fuente específico de los tres métodos: //#aijquery? es el DIV a juzgar
/ Método 1:
if($. contains( $("#aijquery")[ 0],e.target)?||?$("#aijquery")[0]==e.target){
$(".info") .text("El mouse está en este DIV");
}else{
$(".info").text("El mouse no está en este DIV");
}
//Método 2:
$("#aijquery").mouseover(function(){
$(" .primary").text(" Método 2: mouse en este DIV");
}).mouseout(function(){
$ ("primary").text ("Método 2: El mouse no está en este DIV");
});
//Método 3:
var?x=e.clientX;
var ?y=e.clientY;
var?div_x_1?=?$("#aijquery").offset().left;
var ?div_y_1?=?$(" #aijquery").offset().top;
var?div_x_2?=?$("#aijquery").offset().left+$("#aijquery) ").outerWidth();
var?div_y_2?=?$("#aijquery").offset().top+$("#aijquery").outerHeight();
if(?x?< ?div_x_1?||?x?>?div_x_2?||?y?? div_y_2){
$(". peligro").text("Método 3: el mouse no está en este DIV");
}else{
$(".danger").text("Método 3: El mouse está en este DIV");
}
El enlace anterior tiene un ejemplo completo de demostración en línea, ¡que es poderoso!