2

我想在输入字段中粘贴内容(我必须使用输入字段)并将粘贴的内容获取到其他输入。我的内容如下(复制所有行并粘贴):

1234
4567
4321

在所有浏览器上,以下链接都可以正常工作,但 IE

http://jsfiddle.net/5bNx4/42/

        $editor.on('paste', function() {
var $self = $(this);            
              setTimeout(function(){ 
                var $content = $self.val();             
                $clipboard.val($content);
            },100);
     });

当使用 IE 并粘贴内容时,只有第一行 (1234) 会出现在第二个输入中。但是其他浏览器你会得到所有的内容。

谁能帮帮我谢谢,

4

2 回答 2

6

IE 无法处理新行,它只会粘贴在第一行而忽略其余部分。 用空格替换换行符就可以了。

clipped = clipped.replace(/(\r\n|\n|\r)/gm, " "); //replace newlines with spaces

为了克服将以下代码添加到您的脚本中,这将正常工作。

if (window.clipboardData) {
    $('#editor').bind('paste', function (e) {
        var clipped = window.clipboardData.getData('Text');
        clipped = clipped.replace(/(\r\n|\n|\r)/gm, " "); //replace newlines with spaces
        $(this).val(clipped);
        return false; //cancel the pasting event
    });
}

在 IE 浏览器中检查这个JSFiddle 。

参考: 允许在 IE 文本框中粘贴多行

编辑:删除console.log

更新了 JSFiddle

于 2013-06-19T04:36:24.643 回答
1

我认为 IE 不支持“输入”中的换行符。这意味着您甚至不能将多行粘贴到“输入”中。您可以改用“textarea”或在粘贴到达输入之前对其进行操作并删除新行。

于 2013-06-19T03:52:54.557 回答