js判断鼠标位置是否在某个div中

供稿：hz-xin.com 日期：2024-05-20

如何判断鼠标当前位置是否在一个div内部

我用JQ写 id=该DIV的id $("#id").click(function(){ var x=event.offsetX; var y=event.offsetY; alert(x+'_'+y); }); 这个在你指定id的div上点击一下就能得到点击的地方相对这个DIV的左上角的坐标

有好几和方法，1，用onmouseout
2,用x.event,y.event取得当前鼠标的坐标。和div的offsetLeft OffsetTOP.

解决的办法是当触发onmouseout事件时，先判断鼠标是否在div内，如果在，说明鼠标并没有离开div，就不删除div，否则，删除之。OK,现在问题解决了。就是找到该div左上角和右下角坐标，判断鼠标的坐标是否在这一区域就可以了。div.onmouseout=function(event){ var div = document.getElementById("test"); var x=event.clientX; var y=event.clientY; var divx1 = div.offsetLeft; var divy1 = div.offsetTop; var divx2 = div.offsetLeft + div.offsetWidth; var divy2 = div.offsetTop + div.offsetHeight; if( x < divx1 || x > divx2 || y < divy1 || y > divy2){ //如果离开，则执行。。 } 后面为一些常用属性方便查找：clientHeight 获取对象的高度，不计算任何边距、边框、滚动条，但包括该对象的补白。 clientLeft 获取 offsetLeft 属性和客户区域的实际左边之间的距离。 clientTop 获取 offsetTop 属性和客户区域的实际顶端之间的距离。 clientWidth 获取对象的宽度，不计算任何边距、边框、滚动条，但包括该对象的补白。 offsetHeight 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。 offsetLeft 获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。 offsetParent 获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。 offsetTop 获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置。 offsetWidth 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。 offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。 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

如何判断鼠标在DIV的区域内?
答：方法一：通过mouseover，mouseout来触发事件，才判断鼠标是否在该区域。但是这种方法的局限性就是，必须要触发mouseover，或mouseout，mouseleave事件才能知道。function chkIn(){div_1.innerText = 现在你把鼠标移入层了！;div_1.style.font = normal black;}function chkOut(){div_1.innerText = 现...

js判断鼠标位置是否在某个div中
答：解决的办法是当触发onmouseout事件时，先判断鼠标是否在div内，如果在，说明鼠标并没有离开div，就不删除div，否则，删除之。OK,现在问题解决了。就是找到该div左上角和右下角坐标，判断鼠标的坐标是否在这一区域就可以了。div.onmouseout=function(event){ var div = document.getElementById("test");...

Jquery 或者纯js 判断鼠标进入了页面上的那一个div
答：red;}//以此类推。你可以吧6个div 放在一个大的div中,id为testDiv document.getElementById('testDiv').onmouseover = function(event){ event = event || window.event; var target = event.target || event.srcElement; alert(target.id)//这样就不用写很多判断};...

jquery 怎么判断鼠标是否在div上
答：//#aijquery 就是要判断的DIV//方法一：if($.contains($("#aijquery")[0],e.target) || $("#aijquery")[0]==e.target){ $(".info").text("鼠标在这个DIV里");}else{ $(".info").text("鼠标不在这个DIV里");}//方法二：$("#aijquery").mouseover(function(){ $...

javascript如何获取鼠标不在指定DIV上
答：mouseover与mouseout相对，mouseout指离开某个元素的事件你可以这么判断，最初始状态就是不在该元素上，如果发生over事件就在元素上，直到out发生

js判断鼠标是否在id="aaa"的div范围内怎么写
答：有好几和方法，1，用onmouseout 2,用x.event,y.event取得当前鼠标的坐标。和div的offsetLeft OffsetTOP.

如何判断鼠标在DIV的区域内
答：onmoveout()

js 判断当前鼠标在哪个元素上
答：1、声明一个变量（如el），用来存放鼠标所在的元素节点。2、在body元素上增加一个鼠标事件监听 3、使用事件对象中的target属性，每当鼠标经过一个元素时，就把它赋值给el变量任何时候，读取el变量的值即为鼠标当前所在的元素。示例代码：var el = window.document.body;//声明一个变量，默认值为body...

如何判断鼠标当前位置是否在一个div内部
答：我用JQ写 id=该DIV的id $("#id").click(function(){ var x=event.offsetX; var y=event.offsetY; alert(x+'_'+y); }); 这个在你指定id的div上点击一下就能得到点击的地方相对这个DIV的左上角的坐标

js怎么怎么获取鼠标停留在DIV上的状态
答：speed);});});</script> <style type="text/css">  </style> </head> <body> <div id="d1"> <div id="d2">d2</div> </div> </body> </html> ...