javascript - jQuery:按 Enter 时在光标位置添加换行符

Question

我有一个带有文本区域 ( id = details ) 的表单。

有没有一种方法可以在文本区域内按 Enter 时在光标位置插入换行符 ( <br /> ) 的 HTML 代码？

我只需要这个就可以在 IE 中工作。

<textarea class="input height120 elastic span12" name="details" id="details" onkeyup="countCharLimit(event)" onpaste="countCharLimit(event)"></textarea>

Answer 1

试试这个:

$('textarea').keypress(function (e){
    if(e.keyCode == 13){
        $('textarea').val($('textarea').val()+"<br />");
    }
});

你可以试试 fiddle with it here

编辑:我意识到这是在添加一个 <br />最后，经过更多研究，我找到了这个解决方案:

$('textarea').keypress(function (e){
    if(e.keyCode == 13){
        e.preventDefault();
        this.value = this.value.substring(0, this.selectionStart)+"<br />"+"\n";
    }
});

这是一个 fiddle for this one

来源(大部分):Insert text into textarea with jQuery

再次编辑: 看起来 OP 希望最后的文本也被清除，所以我相应地更新了我的代码(对于其他人看到的:查看 the first edit of my relevant fiddle 对于你的情况d 想保留剩余的文本)。