jquery - バインド機能でのテキスト置換

Question

.replace()バインド関数で使用しようとしています。

var input = $('textarea#input');
var output = $('textarea#output');

input.bind('keyup', function() {
    output.val(input.val().replace('.', ':'));
    output.val(input.val().replace(/(\n|\r|\r\n)/gm, ''));
});

コードのこの部分が機能しないのはなぜですか？output.val(input.val().replace('.', ':'));

http://jsfiddle.net/R6H6q/4/

Answer 1

outputの効果を得るには、2 番目のステートメントで使用する必要がありfirstます。最初の置換は結果を出力 (入力ではなく)に格納し、次の置換は出力に対して実行する必要があるためです。

ライブデモ

 output.val(output.val().replace(/(\n|\r|\r\n)/gm, ''));