Javascript 我能记录下鼠标的移动吗？
我想记录鼠标移动和点击 我可以用JQuery或其他JS库来完成吗Javascript 我能记录下鼠标的移动吗？,javascript,jquery,Javascript,Jquery,我想记录鼠标移动和点击 我可以用JQuery或其他JS库来完成吗 谢谢您可以处理文档的mousemove事件并跟踪e.pageX和e.pageY查看： 有一个有效的例子： <!DOCTYPE html> <html> <head> <style> div { width:220px; height:170px; margin;10px; margin-right:50px; background:yellow; border
谢谢您可以处理文档的
mousemovee.pageXe.pageY<!DOCTYPE html>
<html>
<head>
<style>
div { width:220px; height:170px; margin;10px; margin-right:50px;
background:yellow; border:2px groove; float:right; }
p { margin:0; margin-left:10px; color:red; width:220px;
height:120px; padding-top:70px;
float:left; font-size:14px; }
span { display:block; }
</style>
<script src="http://code.jquery.com/jquery-1.5.js"></script>
</head>
<body>
<p>
Try scrolling too.
<span>Move the mouse over the div.</span>
<span> </span>
</p>
<div></div>
<script>
$("div").mousemove(function(e){
var pageCoords = "( " + e.pageX + ", " + e.pageY + " )";
var clientCoords = "( " + e.clientX + ", " + e.clientY + " )";
$("span:first").text("( e.pageX, e.pageY ) - " + pageCoords);
$("span:last").text("( e.clientX, e.clientY ) - " + clientCoords);
});
</script>
</body>
</html>
div{宽度：220px；高度：170px；边距；10px；右边距：50px；
背景：黄色；边框：2px凹槽；浮动：右侧；}
p{边距：0；左边距：10px；颜色：红色；宽度：220px；
高度：120px；衬垫顶部：70px；
浮点：左；字体大小：14px；}
span{显示：块；}
也可以尝试滚动。
将鼠标移到div上。
$（“div”）.mousemove（函数（e）{
var pageCoords=“（“+e.pageX+”，“+e.pageY+”）；
var clientCoords=“（“+e.clientX+”，“+e.clientY+”）；
$（“span:first”）.text（“（e.pageX，e.pageY）-”+pageCoords）；
$（“span:last”）.text（（（e.clientX，e.clientY）-“+clientCoords）；
});