[已解决]为何得不到盒子的左距离和上距离

小黄练编程 · 发表于 2022-4-5 16:38:30

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

<!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>

最佳答案

月排行榜 / 总排行榜

ba21

2022-4-6 15:23:08

同样也是用 console.log( twoo.offsetTop);

麻烦把前面的贴子都结贴。

跳转到最佳答案楼层

ba21 · 发表于 2022-4-6 15:23:08

同样也是用 console.log( twoo.offsetTop);

麻烦把前面的贴子都结贴。

账号		自动登录	找回密码
密码			立即注册