js判断鼠标划过div，js 获取鼠标位置

Javascript中如何判断一个div是否被鼠标单击了?

1、可以给页面设置一个隐藏域，初始值是0。当div被点击后 (#divId).click(function(){//给div绑定onclick事件 (#hidden_Id).val(parseInt($(#hidden_Id).val()，10)+1)；//页面标志位。给隐藏域值+1。

2、在html中，使用onclick属性 在javascript中，使用onclick属性 （1）注意函数名没有双引号。

3、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的script标签，输入js代码：$(div).click(function () {$(this).css(color， blue)；})；。

4、解决的办法是当触发onmouseout事件时，先判断鼠标是否在div内，如果在，说明鼠标并没有离开div，就不删除div，否则，删除之。OK，现在问题解决了。就是找到该div左上角和右下角坐标，判断鼠标的坐标是否在这一区域就可以了。

相关问答

Q1: js中鼠标移动事件触发时,如何获得当前鼠标在哪一个元素上

首先，获取到事件对象e，事件来源，IE下面对应的是srcElement，FF下面是target。

onmouseover = function(event) { el = event.target；(body).append(当前鼠标在 + $(el).html() + 元素上)；} 浏览器运行index.html页面，此时鼠标移动到123上，会打印出光标在123元素上。

这个可以利用 JS 的事件传递的特性，在body捕获到页面的所有的鼠标进入事件，并获取到触发事件的最底层的元素。这样你就知道鼠标当前处在那个元素中了。

用 javascript 获取当前页面上鼠标（光标）位置在许多情况下都会用到，比如拖放，悬停提示（tooltip） 等等。当然，这里我们依然要面对浏览器的兼容问题，在不同的浏览器下，对这些相关的属性处理方式也不同。

Q2: JS判断鼠标从哪个方向进入DIV容器

1、这样估计只能自己写代码判断了。跟踪mousemove事件，不断判断光标位置的变化，比如如果x不断变大，y也不断变大，那么我们大致就可以断定光标轨迹是从左上到右下的。

2、比较一下事件对象中 clientX和clientY的值，如果CX是变大说明是从左进来的，变小则是从右进来的；同理CY如果变大说明是从上进来的，变小则是从下进来的。

3、中间的div的左上角坐标（x1，y1），右下角坐标（x2，y2），中心点的坐标（x0，y0）。设如图两点的斜率为k（k0），关于x轴对称的斜率为-k。

4、case three： alert(target.id) break； case four： alert(target.id) break； }}；.testDiv{width： 200px；height： 100px；background： red；}//以此类推。

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

1、var index = $(.C).index(this)；alert(index)；这么获取的【$(.C).index(this)；】。。

2、思路，定义一个类on 里面属性是transform：rotete(-45deg)；当点击a的时候判断b是否有on这个类 如果有移除 如果没有添加。

3、onclick=f(this)；1/div function f(e){ alert(e.innerHTML)；} 把this当做参数传入然后调用。第二个算是混合类型的。严格来说不算是DOM2级。

4、在index.html中的script标签，将“$(.post_status)”修改为“$(this).find(.post_status)”。浏览器运行index.html页面，此时对任意个div进行hover都只会是当前hover的元素会调用样式改变代码。

5、id=title_2 align=left class=zd table border=1 trtd id=a bgcolor=gray onclick=a(this)展开/td/tr /table/div 如上，运行了试试吧。

6、可以直接选择带有对应css的div元素。如果已经知道这个div的class，可以用div.class，其中class表示实际的类名。如果不知道class，带有style属性，可以用div[style=...]，其中三个点表示style的内容。

Q4: js判断鼠标点了那个元素

1、不明白楼主为什么要加这样的限制：不能在a标签里加onclick等动作 ？在js中，用event.srcElement即可获得触发事件的对象。

2、先看看target是什么意思 target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。

3、首先，获取到事件对象e，事件来源，IE下面对应的是srcElement，FF下面是target。

4、用jquery库写就更简单呀，如这样：12345$(function(){ $(div#libox li).mouseover(function(){alert($(this).find(span).html())；})； })。拓展： JS 即 JavaScript。

Q5: JS用斜率判断鼠标进入DIV四个方向的方法

这样估计只能自己写代码判断了。跟踪mousemove事件，不断判断光标位置的变化，比如如果x不断变大，y也不断变大，那么我们大致就可以断定光标轨迹是从左上到右下的。

解决的办法是当触发onmouseout事件时，先判断鼠标是否在div内，如果在，说明鼠标并没有离开div，就不删除div，否则，删除之。OK，现在问题解决了。就是找到该div左上角和右下角坐标，判断鼠标的坐标是否在这一区域就可以了。

可以按以下思路步骤来实现：声明一个变量（如el），用来存放鼠标所在的元素节点。

js判断鼠标划过div的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js 获取鼠标位置、js判断鼠标划过div的信息别忘了在本站进行查找喔。