Php 在鼠标上插入文本字段或复选框在当前鼠标位置单击或拖放它

我试图在页面上的任意位置单击鼠标，动态插入复选框或文本字段，或者更好地将文本字段和复选框拖放到页面的任何位置

目标是向页面添加可编辑的文本字段和复选框，如

---

如果有人能帮我，那就太好了。

你可以使用Dragle Jquery插件

您只需添加jquery文件和以下简单代码：

 $(function() {
  $( "#draggable" ).draggable();
 });

html（您可以使用其他html元素）：

把我拖来拖去

快速思考：

创建可重用的输入字段（模板）

---

然后在保存时将所有值发送回服务器

很抱歉回复太晚，实际上是在测试；）尝试以下方法（根据需要修改逻辑）：

var $textinput = '<input type="text" value="" style="position:absolute" />';

// Using jquery
$('body').on('click', function(event) {
    var posX = event.offsetX;
    var posY = event.offsetY;
    var $input = $textinput
    this.append($input);
    $input.css('{x: posX, y: posY}');
});

$('body').click(function(e){ $('body').append($('<input />').css({position:'absolute',left:e.pageX,top:e.pageY}).focus());})

$（'body'）。单击（函数（e）{$（'body'）。追加（$（''）.css（{position:'absolute'，left:e.pageX，top:e.pageY}）.focus（）；}）

您需要将$textinput字符串转换为缓存的DOM元素，以便设置x和y位置。

$('body').click(function(e){ $('body').append($('<input />').css({position:'absolute',left:e.pageX,top:e.pageY}).focus());})