이 기사의 예에서는 마우스 위치가 특정 p에 있는지 확인하는 js의 방법을 설명합니다. 참고로 모두에게 공유해 주세요. 자세한 내용은 다음과 같습니다.
p의 onmouseout 이벤트로 인해 p가 사라지는 경우, 마우스가 p의 다른 콘텐츠로 이동할 때도 사라지는 상황이 발생합니다. p를 떠난 것으로 판단되면 onmouseout 이벤트가 발생하므로 p에 있는 내용을 조작할 수 없습니다. 해결책은 onmouseout 이벤트가 트리거될 때 마우스가 p 내에 있는지 먼저 확인하는 것입니다. 그렇다면 마우스가 p를 떠나지 않았음을 의미하므로 p가 삭제되지 않습니다. 이제 문제가 해결되었습니다.
p의 왼쪽 상단과 오른쪽 하단의 좌표를 찾아 마우스의 좌표가 이 영역에 있는지 확인하면 됩니다.
p.onmouseout=function(event){ var p = document.getElementById("test"); var x=event.clientX; var y=event.clientY; var px1 = p.offsetLeft; var py1 = p.offsetTop; var px2 = p.offsetLeft + p.offsetWidth; var py2 = p.offsetTop + p.offsetHeight; if( x < px1 || x > px2 || y < py1 || y > py2){ //如果离开,则执行。。 }
다음은 쉬운 검색을 위한 몇 가지 공통 속성입니다:
clientHeight 获取对象的高度,不计算任何边距、边框、滚动条,但包括该对象的补白。 clientLeft 获取 offsetLeft 属性和客户区域的实际左边之间的距离。 clientTop 获取 offsetTop 属性和客户区域的实际顶端之间的距离。 clientWidth 获取对象的宽度,不计算任何边距、边框、滚动条,但包括该对象的补白。 offsetHeight 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。 offsetLeft 获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。 offsetParent 获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。 offsetTop 获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置。 offsetWidth 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。 offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。 clientX,clientY 鼠标当前相对于网页的位置,当鼠标位于页面左上角时clientX=0, clientY=0 screenX, screenY是相对于用户显示器的位置
网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的宽) 网页正文全文宽: document.body.scrollWidth 网页正文全文高: document.body.scrollHeight 网页被卷去的高: document.body.scrollTop 网页被卷去的左: document.body.scrollLeft 网页正文部分上: window.screenTop 网页正文部分左: window.screenLeft 屏幕分辨率的高: window.screen.height 屏幕分辨率的宽: window.screen.width 屏幕可用工作区高度: window.screen.availHeight 屏幕可用工作区宽度:window.screen.availWidth
위는 js입니다. 특정 div_Javascript 스킬 콘텐츠에서 마우스 위치가 있는지 확인하는 방법, 더 많은 관련 콘텐츠는 PHP 중국어 사이트(www.php.cn)를 참고해주세요!