老师,我尝试写了下方块拖动,请检查一下这样写可以吗?

来源:3-13 事件类型(onresize和onscroll)

慕桂英1352525

2020-10-17 23:18:33

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        .one{

            height:500px;

            width:500px;

            border:2px solid gray;

            position:relative;

            

            

        }

        .two{

            height:50px;

            width:50px;

            border:2px solid gray;

            background:orange;

            position:sticky;

            left:0px;

            top:0px;

        }

    </style>

    <script>

        window.onload=function(){

           

            var move=document.getElementById('yidong');

            

            move.onclick=function(){

               

                move.onmousemove=function(){

                    var x=event.clientX;

                var y=event.clientY;

                

                this.style.setProperty('left',(x-25)+'px');

                this.style.setProperty('top',(y-25)+'px');

            }

              

            }

            

            move.ondblclick=function(){

               

                alert('移动结束');

                move.onmousemove=function(){


                }

            }

              

            


        }

    </script>

</head>

<body>

    <div class="one">

        <div id='yidong' class="two"> </div>

        <p>单击小方块移动,双击停止拖动</p>

        

    </div>

</body>

</html>

在这里输入代码,可通过选择【代码语言】突出显示

写回答

2回答

好帮手慕久久

2020-10-18

同学你好,这样写是可以的,祝学习愉快!

1

向学习者学习

2023-06-09

感谢!!!
0

0 学习 · 40143 问题

查看课程