克隆拖動與aurealia interactjs

Question

我想與aurelia使用interactjs有一個系統拖動克隆拖動的對象，而不是移動它。

根據interactjs FAQ（http://interactjs.io/docs/faq/#clone-target-draggable），這可以使用interactjs中的移動指針事件完成。但是，aurelia-interactjs似乎沒有公開interactjs指針事件。

除了interactjs FAQ中描述的方法外，還有其他方法可以實現嗎？

Answer 1

好吧，我設法回答我自己的問題。還有一種創建克隆的方法，由Magnum79在這裏概述：https://github.com/taye/interact.js/issues/156

使用該方法而不是交互move（）可以避免在aurelia-interactjs中支持指針事件。用於定位一個稍微的改變，並翻譯成奧裏利亞產量：

dragStart(event) { 
    event = event.detail; 
    if (!event.target.dragOrigin) { 
     var clone = event.target.cloneNode(true); 
     clone.dragOrigin = event.target; 
     event.interaction.element = clone; 
     event.interaction.dragging = false; 
     var dragTarget = clone; 
     document.body.appendChild(clone); 
     var r = event.target.getBoundingClientRect(); 
     clone.style.position = 'absolute'; 
     clone.style.left = r.left + 'px'; 
     clone.style.top = r.top + 'px'; 
    } else { 
     dragTarget = event.target; 
    } 
} 

這就像一個魅力的作品。