使用jquery实现拖拽

    技术2022-07-11  98

    <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>
    Processed: 0.013, SQL: 9