jQuery에서 마우스가 요소 내에 있는지 확인하는 방법: 1. 마우스가 첫 번째 수준 메뉴에 있는지 확인합니다. 1단계 메뉴에 없으면 두 번째 수준 메뉴에 있는지 확인합니다. Jquery는 마우스 위치를 얻고 마우스가 DIV에 있는지 확인합니다.
이 튜토리얼의 운영 환경: windows7 시스템, jquery3.2.1 버전, DELL G3 컴퓨터.
권장: jquery 비디오 튜토리얼
j마우스가 요소 내에 있는지 확인하는 쿼리 방법:
방법 1:
페이지 헤더를 예로 들어보세요:
( 결정하다 마우스가 요소 내부에 있는지 여부) 1단계 메뉴에서 1단계 메뉴에 없으면 2단계 메뉴에 있습니까?)
$('#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'); } } }
방법 2: 기존 방법: Jquery는 마우스 위치를 확인하고 마우스가 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('鼠标不在该DIV中'); }else{ alert('鼠标在该DIV中'); };
에 있는지 확인합니다. 관련 무료 학습 권장사항: javascript 비디오 튜토리얼
위 내용은 jQuery를 사용하여 마우스가 요소 내부에 있는지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!