青海企业网站建设,网页设计公司面试问题,网站建设总结体会,微信公众号如何创建文件夹本文实例讲述了js判断鼠标位置是否在某个div中的方法。分享给大家供大家参考#xff0c;具体如下#xff1a;div的onmouseout事件让div消失时#xff0c;会出现这样的情况#xff0c;就是当鼠标移至div中的其它内容时#xff0c;此时也判定为离开div#xff0c;会触发 on…本文实例讲述了js判断鼠标位置是否在某个div中的方法。分享给大家供大家参考具体如下div的onmouseout事件让div消失时会出现这样的情况就是当鼠标移至div中的其它内容时此时也判定为离开div会触发 onmouseout事件这样div中的内容就不能操作了。解决的办法是当触发onmouseout事件时先判断鼠标是否在div内如果在说明鼠 标并没有离开div就不删除div否则删除之。OK,现在问题解决了。就是找到该div左上角和右下角坐标判断鼠标的坐标是否在这一区域就可以了。div.οnmοuseοutfunction(event){var div document.getElementById(test);var xevent.clientX;var yevent.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 坐标。clientX,clientY 鼠标当前相对于网页的位置当鼠标位于页面左上角时clientX0, clientY0screenX, 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希望本文所述对大家JavaScript程序设计有所帮助。
