使用jQuery複製/粘貼元素

Question

我有一個div，我在單擊按鈕時追加到另一個div。我也在調用div上的一堆函數。

HTML

<a onClick="drawRect();">Rect</a> 

JS

function drawRect(){ 
    var elemRect = document.createElement('div'); 
    elemRect.className = 'elem elemRect'; 
    elemRect.style.position = "absolute"; 
    elemRect.style.background = "#ecf0f1"; 
    elemRect.style.width = "100%"; 
    elemRect.style.height = "100%"; 
    elemRect.style.opacity = "100"; 

    renderUIObject(elemRect); 

    $('.elemContainer').draggableParent(); 

    $('.elemContainer').resizableParent(); 

    makeDeselectable(); 

    handleDblClick(); 
} 



var createDefaultElement = function() { 
    .. 
    .. 
}; 

var handleDblClick = function() { 
    .. 
    .. 
}; 

var renderUIObject = function(object) { 
    .. 
    .. 
}; 

var makeDeselectable = function() { 
    .. 
    .. 
}; 

當瀏覽器檢測到keydown事件

$(window).keydown(function(e) { 
    if (e.keyCode == 77) { 
    $('.ui-selected').clone(); 
    return false; 
    } 
}); 

然後將其附加到#canvas我能克隆的元素。但問題是，我沒有提到上面提到的這個函數。

如何複製/粘貼一個元素（通過按CMD + C然後按CMD + V）並在克隆的元素上調用上述函數？

Answer 1

jQuery.clone方法返回克隆的節點。所以，你可以調整你的代碼做這樣的事情：

var myNodes = $('.ui-selected').clone(); 
myNodes.each(function() { 
    createDefaultElement(this); 
    appendResizeHandles(this); 
    appendOutline(this); 
});