jquery按钮拖拽生成输入框

JQuery是一种普遍的Javascript集合，它能够使web开发更加简易和高效能。其中一个常见的运用是在网页中插入按钮拖动生成文本框的机能。

首先，我们需要插入JQuery的集合文档。比如：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBa/cMXTQQHz4TQ2URI
x/vL" crossorigin="anonymous"></script>

然后，我们需要实现拖动事件。能够借助鼠标点击和释放的事件来实现：

$("button").mousedown(function(){
// 鼠标点击时
// 生成文本框
$("").appendTo("body");
$("input").draggable({
containment: "body"
});
});
$("button").mouseup(function(){
// 鼠标释放时
// 删除按钮
$(this).remove();
});

在上述代码中，我们使用了JQuery的mousedown和mouseup事件来处理拖动事件。当鼠标点击时，会生成一个文本框并插入到body中，然后设置文本框能够进行拖动。当鼠标释放时，会删除按钮。

最后，我们使用一个按钮来触发拖动事件。比如：

<button>拖动生成文本框</button>

借助上述代码，我们就能够实现在网页中插入按钮拖动生成文本框的机能。这对于需要用户输入一些内容的网页来说是非常有用的。