2012-12-26 74 views
2

我在chrome(linux和windows)中遇到textareas的奇怪行爲。texarea在chrome中粘貼文本時插入換行符

  1. 打開此琴:http://jsfiddle.net/sonic1980/N4vUS/
  2. 複製3行文本到textarea的。
  3. 每行之間會出現多條換行符。

爲什麼?我怎樣才能避免這種情況?

textarea的具有這種風格:

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

要補充一點,Firefox正確顯示它們,而IE9根本不顯示換行符。 –

回答

0

快速和骯髒的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); 
}); 
相關問題