为何得不到盒子的左距离和上距离
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>放大框</title>
<style>
.one{
width:500px;
height:500px;
margin:0 auto;
background-color:gold;
}
.twoo{
width:200px;
height:200px;
background-color:rgba(100,100,100,.4);//字不会有透明效果。
/* opacity:0.8; *///字有透明效果。
}
</style>
</head>
<body>
<div class='one'>
<div class='twoo'>222</div>
</div>
<script>
const one=document.querySelector('.one');
const twoo=document.querySelector('.twoo');
twoo.addEventListener('mousedown',function(e){
document.addEventListener('mousemove',move);
function move(e){
twoo.style.top=y+'px';
twoo.style.left=x+'px';
var x=e.pageX-one.offsetLeft;
var y=e.pageY-one.offsetTop;
console.log( twoo.style.top);//////////////////////问题
};
document.addEventListener('mouseup',function(){
document.removeEventListener('mousemove',move);
});
});
</script>
</body>
</html>
同样也是用console.log( twoo.offsetTop);
麻烦把前面的贴子都结贴。
页:
[1]