jquery - 用于预览文本区域的 Contenteditable div 在开始时不会触发

Question

我有一个这样的 div：<div class='textarea_preview' contenteditable='false'></div>当我编辑它时，它显示另一个文本区域的渲染预览，这是代码：

$('textarea').keyup(function()
{
    var keyed = $(this).val().replace(/\n/g, '<br/>');
    $(this).prevAll('.textarea_preview').html(keyed);
});

所以现在我想在 DOM 准备好时进行预览，而不仅仅是在我编辑 textarea 时。

有什么诀窍吗？谢谢！

Answer 1

Write it as -

$('.textarea_preview').each(function(){
    $(this).html($(this).next('textarea').val());
});

Updated Demo