javascript - 为什么我不能编辑附加的文本区域？

Question

我正在尝试将 textarea 附加到div. 附加文本区域后，我无法选择它开始输入，直到我调整浏览器窗口的大小。如何在第一次选择它？

<script>
$("#distraction-mode").click(function(e){ // Entering the distraction mode
        e.preventDefault();
    $("#wysiwyg").appendTo("#wysiwyg-fullscreen");
});
</script>

<div id="wysiwyg-fullscreen-container">
    <div id="wysiwyg-fullscreen"></div> <!-- div where textarea will be -->
</div>

<div id="wysiwyg">
    <textarea id="editor" name="editor" rows="" cols=""></textarea>
    <a href="#" id="distraction-mode">Distraction Mode</a>
</div>

Answer 1

一个猜测，但你可以调用.refresh()你的 textarea，然后.focus().

这是基于此处的文档

编辑
您需要将编辑器设置为一个变量，以便您可以访问它并能够专门调用它的函数。在将其附加到另一个元素之后使用refresh()and将有望允许它调整大小并自行重置。focus()

它可能看起来像这样：

<script>
var editor = $("#editor").cleditor()[0];

$("#distraction-mode").click(function(e){
  // Entering the distraction mode
  e.preventDefault();
  $("#wysiwyg").appendTo("#wysiwyg-fullscreen");
  editor.refresh();
  editor.focus();
});
</script>