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

js判断鼠标位置是否在某个div中,第1张

解决的办法是当触发onmouseout事件时,先判断鼠标是否在div内,如果在,说明鼠标并没有离开div,就不删除div,否则,删除之。OK,现在问题解决了。就是找到该div左上角和右下角坐标,判断鼠标的坐标是否在这一区域就可以了。divonmouseout=function(event){ var div = documentgetElementById("test"); var x=eventclientX; var y=eventclientY; var divx1 = divoffsetLeft; var divy1 = divoffsetTop; var divx2 = divoffsetLeft + divoffsetWidth; var divy2 = divoffsetTop + divoffsetHeight; 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是相对于用户显示器的位置网页可见区域宽: documentbodyclientWidth网页可见区域高: documentbodyclientHeight网页可见区域宽: documentbodyoffsetWidth (包括边线的宽)网页可见区域高: documentbodyoffsetHeight (包括边线的宽)网页正文全文宽: documentbodyscrollWidth网页正文全文高: documentbodyscrollHeight网页被卷去的高: documentbodyscrollTop网页被卷去的左: documentbodyscrollLeft网页正文部分上: windowscreenTop网页正文部分左: windowscreenLeft屏幕分辨率的高: windowscreenheight屏幕分辨率的宽: windowscreenwidth屏幕可用工作区高度: windowscreenavailHeight屏幕可用工作区宽度:windowscreenavailWidth

jquery 或者js 获取页面光标所在的元素有如下两种方式:

1通过焦点获取光标所在元素

光标所在一般都在文本框里面(该方法只适用于input,textarea)

$("input:focus") //光标所在input元素的位置

$("textarea:focus")//光标所在textarea元素的位置

$("input:focus,textarea:focus")//光标所在元素的位置

2。通过点击事件获取光标所在元素

获取鼠标点击元素的位置(适用于所有元素)

$("")click(function(e){

$(etarget)//光标所在元素位置

})

<script language="JavaScript">

<!--

function tt()

{

var a = documentbodyscrollTop;

var b = documentbodyscrollLeft;

var x = eventclientX;

var y = eventclientY; alert(y);

}

//-->

</script>

<input type="button" onclick="tt()">

以上就是关于js判断鼠标位置是否在某个div中全部的内容,包括:js判断鼠标位置是否在某个div中、jquery 或者js 怎么获取页面光标所在的元素、请问js取鼠标指针位置的问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9651313.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存