html - texarea在chrome中粘贴文本时插入换行符

Question

我在chrome（linux和windows）中的textareas出现了一种奇怪的行为。

1. 打开这个小提琴：http: //jsfiddle.net/sonic1980/N4vUS/
2. 将 3 行文本复制到 textarea 中。
3. 在每行之间出现多个换行符。

为什么？我怎样才能避免这种情况？

textarea 有这种风格：

textarea {
    white-space: nowrap;
    height: 300px;
    width: 250px;
}​

Answer 1

我过去曾在 Safari 上看到过这个问题，并认为这是 WebKit 的一个错误。我不知道它是否已针对当前的 Chrome 版本进行了修复，但似乎已针对 Safari 进行了修复。

https://groups.google.com/forum/?fromgroups=#!topic/codemirror/m0LeyKF6LcE

Answer 2

快速而肮脏的 jQuery 解决方法，但对我有用。
这会捕获paste事件并删除所有空行。

$('#myTextArea').bind('paste', function(e){
    window.setTimeout(function(){
        var text = '';
        $($('#myTextArea').val().split('\n')).each(function(i,v){
            v = $.trim(v);
            if (v.length > 0) text+= v+'\n';
        });
        console.log(text);
        $('#myTextArea').val(text);
    },1);
});