可拖动，可调整大小的文本输入

Question

我正在尝试创建可重复大小且可拖动的输入元素。我通过点击我的div（主要ID）来创建它。然而，当我使用re-sizable时，它会创建一个空的，可以重新调整大小。可拖动不起作用，可能是因为文本输入是可点击的。有没有办法如何覆盖它来移动鼠标移动并在鼠标单击时选择它？

document.getElementById("primary").onmousedown = function(event) {
    div = document.createElement("INPUT");
    div.setAttribute("id", "text");
    div.style.backgroundColor = "white";
    div.style.position = "absolute";
    div.style.resize="both";
    x1 = Math.round(event.clientX);
    y1 = Math.round(event.clientY);
    div.style.left = x1 + "px";
    div.style.top = y1 + "px";
    div.style.width =500+"px";
    div.style.height = 50+"px";         
    document.getElementById("primary").appendChild(div);
    $(div).resizable().draggable();
    }