我通过用 .replaceWith()
JQuery
方法替换一些div
将textareas
添加到 html 页面。我想让我的
textareas
在用户输入时自动增长。
问题是我使用的自动增长库仅适用于 dom-ready,因此我无法将我的自动增长库应用到我的 textareas
,因为它们是动态生成的。
在我的 divs
被替换为 textareas
之后,是否有任何类型的事件可以用来应用我的自动增长库?
最佳答案
您必须使用事件处理程序来捕获对文本区域的更改(即使它们是动态生成的),例如。
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>
关于javascript - replaceWith 后的 Dom 就绪事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31685765/