14

keyup()jQueryを使って簡単な効果を作ろうとしています。textareaユーザーが入力したときに、ユーザーが入力したテキストが という名前の別の div にコピーされるようにしたいだけです.content。textareaを押すenterと新しい行が作成されますが、私の div ではテキストが同じ行に表示されます。私のコードは以下か、ここでデモを見ることができます: http://jsfiddle.net/Pqygp/

    $('.content:not(.focus)').keyup(function(){					
        var value = $(this).val();
        var contentAttr = $(this).attr('name');
        
        $('.'+contentAttr+'').html(value);
    })
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea name="mas" rows="15" class="content"></textarea>
    <p>&nbsp;</p>
    <div class="mas" >Texts Comes here</div>

4

5 に答える 5

1

のようにしてみてください

var value = $(this).();
var contentAttr = $(this).attr('name');

$('.'+contentAttr+'').html(value.replace(/\r?\n/g,"<br>"));

これはデモです

于 2013-08-09T11:31:33.640 に答える