javascript - replaceWith 后的 Dom 就绪事件

Question

1. 我通过用 .replaceWith() JQuery 方法替换一些 div 将 textareas 添加到 html 页面。

2. 我想让我的 textareas 在用户输入时自动增长。

问题是我使用的自动增长库仅适用于 dom-ready，因此我无法将我的自动增长库应用到我的 textareas，因为它们是动态生成的。

在我的 divs 被替换为 textareas 之后，是否有任何类型的事件可以用来应用我的自动增长库？

Answer 1

您必须使用事件处理程序来捕获对文本区域的更改(即使它们是动态生成的)，例如。

jQuery(function($){
    // dom ready
    $("body").on("input propertychange","textarea",function(event) {
        // here goes your autogrow code
    });
});

请参阅 JSFiddle 中的操作

或在这里

jQuery(function($) {
  // dom ready
  $("body").on("input propertychange", "textarea", function(event) {
    // here goes your autogrow code
    alert("changed");
  });

  $("#addTextArea").click(function(ev) {
    $("#textareas").append("<br/><textarea></textarea>");
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="textareas">
  <textarea></textarea>
</div>
<button id="addTextArea">Add textarea</button>