将'\ r \ n'替换为'< BR>”在文本区域javascript?

时间:2017-07-06 18:13:40

标签: jquery

当我按Enter键时,我想在文本区域中插入"< br >"而不是新行'\n\r', 例:

我希望文本区域中的文本为:

"hello <br> dear", 

而不是

"hello
dear"

我尝试了这段代码,但没有运气:

$('#inputText').bind('keyup', function(e) {
   var data = $('#inputText').val();
   $('#inputText').text(data.replace(/\n/g, "<br />"));
}

1 个答案:

答案 0 :(得分:1)

如果符合以下条件,您的代码将正常运行: -

1. bind()已转换为on()(因为bind()已被弃用)

2. text()需要.val()

工作示例(也请查看评论): -

// applied mouseout to prevent repetition on each key-press

//you can apply keyup also no problem

$('#inputText').on('mouseout', function(e) {
  var data = $('#inputText').val();
  $('#inputText').val(data.replace(/\n/g, "<br />")); // text() need be val()
}); // here ); missing in your given code
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<textarea id="inputText"></textarea>