jquery怎样定时捕捉鼠标坐标

发布网友 发布时间：2022-04-26 18:29

我来回答

共4个回答

热心网友 时间：2022-04-26 19:58

获得鼠标的坐标，很简单，代码如下，你试试：

jQuery Code:

$('body').bind("mousemove",function(event){

$('#ss').html('The mouse cursor is at:( '+ event.pageX + ',' + event.pageY + ')');

});

Xhtml Code:

<div id="ss">The mouse cursor is at:</div>

附图一张，效果如下： 

IE6 FF Chrome 下都没有问题哦　已经试过

热心网友 时间：2022-04-26 21:16

都说是定时的了，你们还答非所问，气人！！！

<script type="text/javascript">
$(document).ready(function(){
var timeset;
var mTop,mLeft;
$(document).mousemove(function(e){
mTop = e.pageY;
mLeft = e.pageX;
$("#p2").html("mTop="+mTop+",mLeft="+mLeft);
});
timeset = setInterval(function(){alert("mTop="+mTop+",mLeft="+mLeft);},5000);
});
</script>

定的五秒，自己试试！

热心网友 时间：2022-04-26 22:51

楼上的写法 在 IE6下有问题！
稍做修改:
<div id="div1" style="border:1px solid red;height:300px;width:300px;"></div>
<script type="text/javascript">
window.onload = function(){
$("#div1").bind("mousemove",function(event){
$("#div1").html("坐标X:" + event.clientX + ",坐标Y:" + event.clientY);
});
}
</script>

热心网友 时间：2022-04-27 00:42

Jquery 获取鼠标在某元素位置，必须指定元素，我以div 为例：
<div id="div1" style="border:1px solid red;height:300px;width:300px;"></div>
<script type="text/javascript">
$("#div1").mousemove(function (e) {
$("#div1").html("坐标X:" + e.pageX + ",坐标Y:" + e.pageY);
});
</script>