javascript - 拖动时如何复制div？

问题描述

这就是我要的：

拖动原始 div 时使 div 元素重复（原始 div 的类为color_box）
如果 div 仍然在“sidebar”类的 div 中，则删除重复的 div

* 除了保持原div的颜色之外不需要有style

这就是我所拥有的：

左侧的实心灰色部分是类为的 div sidebar。

注意[1]：颜色矩形是div，代码如下：

        <div data-backgroundcolor="red" class="color_box red"></div>
        <div data-backgroundcolor="orange" class="color_box orange"></div>
        <div data-backgroundcolor="yellow" class="color_box yellow"></div>
        <div data-backgroundcolor="green" class="color_box green"></div>
        <div data-backgroundcolor="blue" class="color_box blue"></div>
        <div data-backgroundcolor="purple" class="color_box purple"></div>
        <div data-backgroundcolor="black" class="color_box black"></div>
        <div data-backgroundcolor="white" class="color_box white"></div>

注[2]：我更喜欢纯JS，最好不要jQuery

回顾：当一个class为的divcolor_box被拖到class为的div之外sidebar时，会复制拖拽的div；div 应该以您放开鼠标的位置为中心。如果您在鼠标仍在类别为的 div 上方时松开sidebar，则不会复制该 div。JavaScript 代码最好是纯 JS，而不是 jQuery。

如果其中任何一个没有意义，请发表澄清评论。

标签： javascripthtml

javascript - 拖动时如何复制div？

问题描述

解决方案

推荐阅读