jQuery輸入與textarea粘貼不同的行為

Question

我一直在努力尋找一個明確的解決方案，在輸入上粘貼此問題。

我在輸入中得到了以下正則表達式控件

var match = str.match(/^[^,]*,[^,]*,.*$/mg);

您可以在以下演示鏈接上查看其用法示例。 我的問題是當我粘貼類似的內容時

123, john smith, jack david
321, jackie ronal, david blah

在輸入字段中，我將全部內容作為一個條目輸入，而在文本框中，它可以識別新行，而這正是我要查找的內容（如您所演示的演示中所見）。

現在，任何人都可以給我一個很好的解決方案來解決輸入字段問題的方法會非常有用，否則，如果我必須使用textarea，我需要找到一種隱藏textarea邊框的方法，但據我了解，還沒有跨瀏覽器解決方案，使其表現出色（在所有瀏覽器中隱藏所有邊框並調整圖標大小）。

這是演示

http://jsfiddle.net/TCMcp/3/

任何幫助，將不勝感激。

Answer 1

演示

除了輸入之外，還可以使用contenteditable設置為true的div（從技術上講這是不正確的，但是提供了對IE的支持）。 在小提琴中可以找到示例樣式。

<div contenteditable="true" id="input"></div>

然后，我們可以使用JavaScript獲取文本內容。

$('#input').on('paste', function () {
    setTimeout(function () {
        var str = $('#input').text();
        jsprint("pasted", str);
        $('#input').text(str); 
        var match = str.match(/^[^,]*,[^,]*,.*$/mg);             

    }, 100);
});