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

我正在尝试创建可重新调整大小并可拖动的输入元素。我通过单击我的div（主id）来创建它。但是，当我使用re-Sizeable时，它会创建一些可重新调整大小的空对象。“可拖动”不起作用，可能是因为文本输入是可单击的。有没有一种方法可以覆盖它，使其在鼠标移动时移动，并在鼠标单击时选择它

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

---

你们为什么不能只用a？我可以，但它只能解决重新调整大小的问题，输入对我未来的问题没什么好处。