Javascript 在缩放的div内设置div鼠标坐标
问题是: 我有一个像这样的转变的部门:Javascript 在缩放的div内设置div鼠标坐标,javascript,jquery,html,css,Javascript,Jquery,Html,Css,问题是: 我有一个像这样的转变的部门: $('#container').css('-moz-transform-origin', '0 0'); $('#container').css('-webkit-transform-origin', '0 0'); $('#container').css('-o-transform-origin', '0 0'); $('#container').css('-ms-transform-origin', '0 0'); $('#container').c
$('#container').css('-moz-transform-origin', '0 0');
$('#container').css('-webkit-transform-origin', '0 0');
$('#container').css('-o-transform-origin', '0 0');
$('#container').css('-ms-transform-origin', '0 0');
$('#container').css('-transform-origin', '0 0');
$('#container').css('-moz-transform', 'scale(.5)');
$('#container').css('-webkit-transform', 'scale(.5)');
$('#container').css('-o-transform', 'scale(.5)');
$('#container').css('-ms-transform', 'scale(.5)');
现在我将另一个div附加到这个缩放的容器中
id('container').appendChild( follower );
如果我知道要将此div精确设置为文档的鼠标位置。。。
跟随者的位置与鼠标的位置相差很大
$( document ).mousemove( function( e ) {
var IE = document.all ? true : false;
if ( IE ) {
vx = e.clientX;
vy = e.clientY;
} else {
vx = e.pageX;
vy = e.pageY;
}
follower.style.left = xDropPos + 'px';
follower.style.top = yDropPos + 'px';
}
如何解决此问题?使用
vx
和vy
等参数
$( document ).mousemove( function( e ) {
var IE = document.all ? true : false;
if ( IE ) {
vx = e.clientX;
vy = e.clientY;
} else {
vx = e.pageX;
vy = e.pageY;
}
follower.style.left = vx + 'px';// use vx
follower.style.top = vy + 'px';// use vy
});
这里的问题是jsfiddle jsfiddle.net/uu pwd_uuu/9fVKH…但是当添加vx*scale和vy*scale时,div在另一个位置。如果您将鼠标移到重新缩放的正方形上,并想将红方块设置为鼠标坐标,则会失败。。。