Jquery 创建可以接受随机文本/图像的可拖放区域

我正在尝试创建一个可拖放区域，可以接受随机文本、图像或文本和图像

我知道如何在jQuery中创建可拖放，但它只接受显式声明为可拖放的项。我只想在浏览器中使用鼠标高亮显示随机文本、图像或文本和图像并拖动它想象高亮显示这个括号内的语句并拖动它-无需实际拖动到可拖放区域

我怎样才能创建一个可放置的区域来接受随机的东西，并能给我关于被放置到其中的东西的信息

非常感谢您的帮助

问候,，

---

大卫

我想这可能对你有帮助

通过为所有可拖动元素提供相同的类，可以实现您的目标

Js:

Html:

---

是可以给你更好的指导

可以检测鼠标事件并动态拖动内容

您可以使用以下方法获取所选文本：

txt=document.getSelection

看起来这只适用于文本，而不是实际的HTML

完整选择代码如下：

$(function() {

    var $gallery = $('#something'), $trash = $('#divAccept');

    $('.drop',$gallery).draggable({
        revert: 'invalid', 
        containment: $('#divAccept').length ? '#divAccept' : 'document', 
        helper: 'clone',
        cursor: 'move',
    });

    $trash.droppable({
        accept: '#something > .drop',
        drop: function(ev, ui) {
            deleteImage(ui.draggable);
        }
    });

    // image deletion function
    function deleteImage($item) {
            $item.fadeOut(function() {
                $item.appendTo($trash).fadeIn();
            });
    }
});

    <div id="something">
      <div class="drop">random text</div>
      <div class="drop"><img src="../images.jpeg" /></div>
    </div>
    <div id="divAccept"></div>