jquery - 清除文本区域append()

Question

我正在尝试绘制矩形并捕获文本区域中的坐标。提供了一个按钮来清除文本区域。

问题1:文本区域未清除(下次更新文本区域时删除的文本仍然存在)。

$("#clearoutput").click(function (e) {
    $("#output").empty();
});

我尝试了 .val("") 但这似乎只能清除文本区域表单。文本在 html 源中仍然可见。另外，它保持清除状态，不允许新条目。

问题2:我不确定追加是如何工作的。如果我不将 .empty() 放在 mousedown 上(即新绘图的开始)，它将附加整个文本区域而不是附加最后一行。这是为什么？

有关重现问题 1 的代码和说明，请参阅 http://jsfiddle.net/dpqm77b7/(代码改编自jQuery drag and draw)

谢谢!

Answer 1

您的代码中有几个错误。

1 - 您有一个多次应用的事件监听器。您必须在容器上添加 .off("mousemove") 和 .off("mouseup") 。

2 - 输入字段没有 DOM 子项。因此您无法在输入中附加 DOM 元素。对于输入元素，您可以使用 .val() 而不是 .append()。

3 - 您的清除按钮可以清除文本区域，但不能绘制。所以我将绘制信息存储到数组中。清除后即可访问旧图纸信息。

你可以看到这个 fiddle 完美地工作。

http://jsfiddle.net/ebilgin/dpqm77b7/5/

(woodduck 添加了 1 行(根据评论)以使其按需要工作: http://jsfiddle.net/df2te8oy/ )