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

发布网友发布时间：2022-04-29 21:38

共1个回答

热心网友时间：2022-04-22 14:34

解决的办法是当触发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

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

就是找到该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 ...

js设置光标位置(js获取光标所在元素)

1. js获取光标所在元素把div设置成相对定位或绝对定位,总之是让其拥有left,top值, 当鼠标移进div的时候获取鼠标的坐标, 用鼠标的left减去div的left值就是鼠标在div里面的left值,即鼠标在div中的x坐标, 同理, 用鼠标的top值减去div的top值就是鼠标在div里面的top值,即鼠标在div中的y坐标这样我们就获取了鼠标...

用js怎么判断鼠标在某一个div上的停留时间?

function ondivtime(){ 代码在这里写。。。}

在很多相同的class的DIV里面,点击了一个DIV,如何判断是否单击那一个DIV...

给DIV命名name值或是id值，用js获取DIV的name值或id值，然后根据这点判断单击的是哪个DIV

js 判断当前鼠标在哪个元素上

3、使用事件对象中的target属性，每当鼠标经过一个元素时，就把它赋值给el变量任何时候，读取el变量的值即为鼠标当前所在的元素。示例代码：var el = window.document.body;//声明一个变量，默认值为bodywindow.document.body.onmouseover = function(event){ el = event.target;//鼠标每经过一个...

js如何判断光标是否在某元素上

判断光标是否在某元素上可以在window监听onmouseenter（onmouseleave）或者onmouseover（onmouseout）给某变量赋值1（赋值0），那么变量为1则在元素上（0则不在元素上）window.onmouseover = function () { isOn = 1};window.onmouseout = function () { isOn = 0};window中mouse相关事件补充：on...

js如何判断页面获得鼠标焦点

判断鼠标焦点 function addListener(element, e, fn) { if (element.addEventListener) { element.addEventListener(e, fn, false);} else { element.attachEvent("on" + e, fn);} } addListener(document, "click", function (evt) { var evt = window.event ? window.event : evt, target ...

在HTML里,当我鼠标移到一个div里就显示一个隐藏的子div 并且鼠标移到...

一个父div，里面嵌一个子div。开始的时候将子div隐藏，即：子div.syle.display="none";在父div添加onmouseover事件处理，将子div.style.display改成block。对document.body添加onmousemove事件，通过event.clientX和event.clientY来获取鼠标的位置，然后更新子div的位置为鼠标的位置。

js 判断当前鼠标在哪个元素上

if (event.pageX == /* 此处引导到元素 */.x && event.pageY == /* 此处引导到同一个元素*/.y){ // 干什么}

JS 如何判断鼠标处于停止移动状态

onmousemove 如果div 隐藏那就显示，并保存当前鼠标位置，写个判断用setTimeout，如果三秒后的鼠标位置和三秒前的是否一致那就隐藏DIV ，否则继续setTimeout

js判断鼠标是否在某个区域 js判断鼠标是否悬浮在div js如何判断鼠标是否移动获取鼠标在div的位置鼠标经过的位置显示div js固定鼠标位置 js鼠标放上去显示div js只要鼠标移动div就隐藏 js跟随鼠标移动的div