textarea在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);
});