使用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() {
    ..
    ..
};

當瀏覽器檢測到按鍵事件時，我可以克隆該元素

$(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);
});