js如何如何判断鼠标的移动

mengzilu99 2012-06-28 04:19:22

我知道在js中用onmousemove事件，但是该事件说是判断鼠标移动，我感觉它就是当移动到放该事件的标签上时，就自动触发事件了，不管你移动不移动鼠标，该事件就好像是onmouseover事件一样，那么我该什么做才能判断鼠标是否移动了呢？
高手请进！急！！！！！！！

...全文

740 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

56gee 2012-06-29

打赏
举报

楼主究竟想实现什么呢？onmousemove是鼠标移动事件，onmouseover是鼠标经过对象事件。如果只是想判断鼠标移动，用onmousemove即可，跟鼠标经过什么对象没有任何关系

Acesidonu 2012-06-28

打赏
举报

[Quote=引用 3 楼的回复:]
onmouseover只触发一次，onmousemove连续触发（只要鼠标指针移动就会触发）。

测试代码：

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htm……
[/Quote]
++

乌镇程序员 2012-06-28

打赏
举报

onmouseover只触发一次，onmousemove连续触发（只要鼠标指针移动就会触发）。

测试代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style type="text/css">

#demo1, #demo2 {

	width:500px;

	height:300px;

	border:1px solid #CCC;

}

#demo1 { background-color:#9FF; margin-bottom:10px; }

#demo2 { background-color:#FFC; }

</style>

<script type="text/javascript">

function showCoords(e, obj) {

	var e = window.event || e;

	var arCoords = [e.clientX, e.clientY];

	obj.getElementsByTagName('p')[1].getElementsByTagName('span')[1].innerHTML = 'X:' + arCoords[0] + ',Y:' + arCoords[1];

}

window.onload = function() {

	document.getElementById('demo1').onmousemove = function(event) { showCoords(event, this); }

	document.getElementById('demo2').onmouseover = function(event) { showCoords(event, this); }

}

</script>

</head>



<body>

<div id="demo1">

	<p>mousemove测试</p>

    <p><span>当前坐标：</span><span></span></p>

</div>

<div id="demo2">

	<p>mouseover测试</p>

    <p><span>当前坐标：</span><span></span></p>

</div>

</body>

</html>