Comment déterminer si la souris est à l'intérieur d'un élément avec jQuery

Comment jQuery détermine si la souris est dans un élément : 1. Déterminez si la souris est dans le menu de premier niveau, et si elle n'est pas dans le menu de premier niveau, si elle est dans le menu de deuxième niveau. menu de niveau ; 2. Jquery obtient la position de la souris et détermine si elle se trouve dans un DIV.

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.2.1, ordinateur DELL G3.

Recommandé : Tutoriel vidéo jquery

Méthode JQuery pour déterminer si la souris est dans un élément :

Méthode 1 :

Prenons l'en-tête de la page comme exemple :

(déterminez si la souris est dans le menu de premier niveau , sinon Menu, qu'elle soit dans le menu secondaire)

$('#header').mousemove(function(e){
    if($.contains($("#navUl")[0],e.target) || $("#navUl")[0]==e.target){
        // console.log('在menu中')
    }else{
        // console.log('不在menu中')；
        if($.contains($("#submenu")[0],e.target) || $("#submenu")[0]==e.target){
            // console.log('在二级menu中')
        }else{
            // console.log('不在二级menu中');
            $("#navUl>li").removeClass('active');
        }
    }
    
}

Méthode 2 : Méthode traditionnelle : Jquery récupère la position de la souris et détermine si la souris est dans le DIV

$(document).mousemove(function(e){ 
     x = e.pageX;
         y = e.pageY; 
});
 
//x的值相对于文档的左边缘。y的值相对于文档的上边缘
//x,y是全局变量;
//判断鼠标是否在某DIV中
var div = $('.dream');//获取你想要的DIV
var y1 = div.offset().top;  //div上面两个的点的y值
var y2 = y1 + div.height();//div下面两个点的y值
var x1 = div.offset().left;  //div左边两个的点的x值
var x2 = x1 + div.width();  //div右边两个点的x的值
 
if( x < x1 || x > x2 || y < y1 || y > y2){
    alert(&#39;鼠标不在该DIV中&#39;);
}else{
    alert(&#39;鼠标在该DIV中&#39;);
};

Recommandations d'apprentissage gratuites associées : Tutoriel vidéo javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!