给你改了一下 试试呗 用 epageX epageY 也行吧 省的那么麻烦
$(document)ready(function(){
$("#img")mousemove(function(e){
var widthh=eoriginalEventx-$(this)offset()left||eoriginalEventlayerX-$(this)offset()left||0;//
var heightt=eoriginalEventy-$(this)offset()top||eoriginalEventlayerY-$(this)offset()top||0;//
$('#container')text("的宽度：" + widthh +"<br>的高度："+heightt);
})mouseout(function(){
$("#tooltip")remove();
thistitle = thismyTitle;
})
});
</script>
</head>
<body>
<img id="img" width="200" height="200" src="images/starpng"></img>
<div id="container" style="width: 400px; height: 200px; background-color: green;">
</div>
</body>
// 保证点的数组是以顺时针保存
function pointInArea(pt, pts) {
pts = ptsslice();
ptspush(pts[0]); // 连接最后一边
for (var i=1; i<ptslength; ++i) {
var p0 = pts[i-1];
var p1 = pts[i];
var dx = p1x-p0x;
var dy = p1y-p0y;
if (dx == 0) {
if (dy > 0 && ptx > p0x) {
return false;
}
if (dy <0 && ptx < p0x) {
return false;
}
}
var y = dy/dx(ptx-p0x)+p0y;
if (dx > 0 && pty < y) {
return false;
}
if (dx <0 && pty > y) {
return false;
}
}
return true;
}
原因很不好判定，这种方式定位出现错误的原因挺多的，要考虑css和html的具体写法，有时候某些不标准的写法会造成jQuery的定位数据不准确。
建议换个方式，例如每个<tr>中第一列放置一个<th></th>，后面是<td>，然后你的红框放到<th>里面，这样计算量就小多了，而且显示的也快一点。
transform本身就是变形属性，不会改变元素的位置大小等，布局不发生变化，只是对元素进行变换。
所以js获取的宽高是元素未变形前的值，需要获取缩放后的宽高，可以用元素的宽高乘以缩放值。
以上就是关于jquery里鼠标移动显示图片当前坐标的位置全部的内容，包括:jquery里鼠标移动显示图片当前坐标的位置、jQuery或Javascript问题：判断鼠标坐标是否在指定范围内、关于jquery获得元素绝对位置的问题，定位问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）