zoukankan      html  css  js  c++  java
  • 前端学习笔记之拖拽

    最近学习到Jquery部分,刚好在写拖拽的作业,于是就想把这一部分的作业分享出来和大家交流一下!

    <body>
        <div class="box">
        </div>
        <script src="../JQ/jquery(2)/jQurey/jQurey各版本/jquery-3.3.1.js"></script>
        <script>
            $(document).on("mousedown", "div", function (e) {
                const { offsetX: x1, offsetY: y1 } = e;
                $(document).on("mousemove", e => {
                    const { pageX: x2, pageY: y2 } = e;
                    $(this).css({
                        left: x2 - x1,
                        top: y2 - y1,
                    });
                })
            });

            $(document).on("mouseup", function (e) {
                $(document).off("mousemove");
            })
        </script>
    </body>
  • 相关阅读:
    静态成员 执行顺序
    排序之插入排序
    结构体字节对齐问题
    建模基础&UML
    C#中隐藏(new)和方法重载(overide)的区别
    培训记录
    C笔记
    用例
    .NET架构
    C#格式化日期
  • 原文地址:https://www.cnblogs.com/Yangyecool/p/13022015.html
Copyright © 2011-2022 走看看