如何实现长按拖拽当前元素到指定的div元素中

[随_声]

因为元素本身有个操作是draggable，拖动放置，对于克隆到指定的div框中的元素再进行可以随意拖动和长按拖动到另一个指定div元素中进行删除，，长按拖拽啊，

 $(' .gron').draggable({
        helper:"clone",
        cursor: "move",
        scroll:false,
        appendTo:'body',
        start: function( event, ui ) {
            $(ui.helper).css({
                width:wi+'px',
                height:heig+'px',
            });
        }
    });
$("#shou").droppable({//拖动到指定的div当中
        scope : 'drop',
        drop : function(event, ui) {//拖拽期间触发
            var ud = ui.draggable;
            ud.appendTo($("#shou")).css({
                position : 'absolute',
                left : ui.offset.left-($('#shou').offset().left),
                top : ui.offset.top-($('#shou').offset().top)
            }).draggable({
                scope : 'drop',
                revert : 'invalid',
                containment: '#shou',
                appendTo:'body',
                stop: function(event, ui) {
                    var longClick=0;
                    $( event.originalEvent.target ).on({
                        touchstart: function (e) {
                            longClick = 0;//设置初始为0
                            that = this;
                            timeOutEvent = setTimeout(function () {
                                //此处为长按事件-----在此显示遮罩层及删除按钮
                                longClick = 1;//假如长按，则设置为1
                                console.log("长按成功changanl");
                                console.log("djfsdfk:" + that.id);
                                
                                e.stopImmediatePropagation();
                            }, 500);
                            e.stopImmediatePropagation();
                        },
                        touchmove: function () {
                            clearTimeout(timeOutEvent);
                            timeOutEvent = 0;
                            event.stopPropagation();
                        },
                    });
                    return false;
                }
            }).resizable({
                containment: 'parent',
                handles: "all",
            });
        },
    });

[随_声]

以解决 var longTapBox = ud; Transform(longTapBox); new AlloyFinger(longTapBox, { longTap:function(evt){ clearTimeout(_timerProvinceClick); var _left=$(longTapBox).offset().left; var _top=$(longTapBox).offset().top; var div1 = $(longTapBox).width(); var div2 = $(longTapBox).height(); $(longTapBox).appendTo($(".body")).css({"left":_left,"top":_top,"opacity": 0.7,"width": div1,"height": div2}); $("#del-shan").show(); evt.preventDefault(); }, pressMove:function(evt){ clearTimeout(_timerProvinceClick); $(longTapBox).draggable("option","containment","#mqxians"); $("#del-shan").droppable({ scope : 'drop', tolerance : "touch", drop : function(event, ui) { var udc = ui.draggable; pip_close=udc.attr("id"); $(udc).remove(); $("#del-shan").hide(); setPipWidgetClose(); } }); evt.preventDefault(); }, touchEnd:function (evt) { clearTimeout(_timerProvinceClick); $(longTapBox).css("opacity",1); $("#del-shan").hide(); evt.preventDefault(); } });