Javascript jQuery输入与粘贴上的textarea不同的行为

我一直在努力找到一个明确的解决方案，这个问题与粘贴输入

我的输入中有以下正则表达式控件

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

您可以在下面的演示链接中看到它的用法示例。我的问题是当我粘贴一个内容时，比如

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

在输入字段中，我将整个内容作为单个条目获取，而在文本框中，它可以识别新行，这正是我要查找的内容（如我制作的演示中所示）

现在，谁能给我一个很好的解决方案来解决这个问题，用输入字段将非常好，否则如果我必须使用textarea，我需要找到一种方法来隐藏textarea边框，但据我所知，没有跨浏览器的解决方案可以很好地解决这个问题（在所有浏览器中隐藏所有边框和调整图标大小）

这是演示

任何帮助都将不胜感激

您可以使用contenteditable设置为true的div来代替输入（这在技术上是不正确的，但提供了对IE的支持）。示例样式可以在小提琴中找到

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

---

您需要什么浏览器支持？contenteditable是一个选项吗？所有浏览器都匹配。我不知道你所说的内容可编辑是什么意思。我只需要像我提供的内容一样粘贴两行或多行内容，每行内容都需要单独处理，而不是一次全部处理。除了HTML 1.0文档之外，任何浏览器都无法运行：-）如果看到示例的更新，您可以意识到字段仍然获取整个内容，并将其作为整体而不是两部分发出警报。当粘贴到我在示例中提供的文本区域时，您可以看到我的意思。我不知道您的意思。当我粘贴它时，它显示为两个单独的警报。你在测试什么浏览器？你能测试一下吗：123，约翰·史密斯，杰克321，杰基·罗纳尔，大卫如果你复制/粘贴你问题的文本，它对我有效。您使用的是什么浏览器？您是对的，提供的示例工作正常！我的正则表达式可能有错误。你知道我错过了什么吗？

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

    }, 100);
});