Javascript 使用特定坐标创建div

HTML:

<div id="textDiv">
    <input type="text" id="txt" value="Add TextBox" style="" readonly /><br>
</div>
<div id="holder"></div>

---

如何将新的

div

插入到放置克隆时鼠标停止的位置？

您可以像这样沿X轴和Y轴变换div中心-

#elem{
position:absolute;
top:50px;
left:50px;
transform: translateX(-50%) translateY(-50%);

或使用JavaScript：

var d = document.getElementById('yourDivId');
d.style.position = "absolute";
d.style.left = x_pos;
d.style.top = y_pos;

---

但是x和y我希望它们的坐标与克隆$（“#1”）.draggable的坐标相同（{helper:'clone'，cancel:false，stop:handleDragStop}）；函数handleDragStop（事件，ui）{var offsetXPos=parseInt（ui.offset.left）；var offsetYPos=parseInt（ui.offset.top）；

var d = document.getElementById('yourDivId');
d.style.position = "absolute";
d.style.left = x_pos;
d.style.top = y_pos;