<div id="a" style="width:500px;height:400px; display:block; background-color:#eee;margin:50px auto;"></div>
//引入jQuery
<script>
var a=$("#a");
var boxX=aoffset()left;
var boxY=aoffset()top;
amousemove(function(e){
var x = epageX;
var y = epageY;
var zX=x-boxX;
var zY=y-boxY;
$(this)text("X:"+zX+"Y:"+zY);
});
</script>
稍等上代码！！
<html><head>
<script type="text/javascript">
function show_coords(event){
var x = eventclientX;
var y = eventclientY;
var say = documentall("coords");
sayinnerHTML = "X:"+x+" Y:"+y;
saystyleposition = "absolute";
saystyleleft = x + 30;
saystyletop = y;
}
</script>
</head>
<body onmousemove="show_coords(event)">
<p id="coords"></p>
</body>
<html>
希望我的回答对你有用，有用就采纳！！！谢谢！
有三种方法，刚好看到了这篇文章，分享给大家：
jquery判断鼠标是否在div里的三种方法
下面是三种方法的具体源码：
//#aijquery 就是要判断的DIV//方法一：
if($contains($("#aijquery")[0],etarget) || $("#aijquery")[0]==etarget){
$("info")text("鼠标在这个DIV里");
}else{
$("info")text("鼠标不在这个DIV里");
}
//方法二：
$("#aijquery")mouseover(function(){
$("primary")text("方法二：鼠标在这个DIV里");
})mouseout(function(){
$("primary")text("方法二：鼠标不在这个DIV里");
});
//方法三：
var x=eclientX;
var y=eclientY;
var div_x_1 = $("#aijquery")offset()left;
var div_y_1 = $("#aijquery")offset()top;
var div_x_2 = $("#aijquery")offset()left+$("#aijquery")outerWidth();
var div_y_2 = $("#aijquery")offset()top+$("#aijquery")outerHeight();
if( x < div_x_1 || x > div_x_2 || y < div_y_1 || y > div_y_2){
$("danger")text("方法三：鼠标不在这个DIV里");
}else{
$("danger")text("方法三：鼠标在这个DIV里");
}
上面给的那个链接里，有完整的在线实例演示的，很好，很强大！
以上就是关于jquery获取鼠标在父元素的坐标全部的内容，包括:jquery获取鼠标在父元素的坐标、js如何获取鼠标在某元素移动时~鼠标指针在元素中的坐标、jquery 怎么判断鼠标是否在div上等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）