复制到剪贴板不起作用javascript

Question

var $temp = $("<input>");
$("body").append($temp);
$temp.val('123').select();
document.execCommand("copy");
$temp.remove();

此代码有什么问题？ 应该是对的

对我根本不起作用。

我在这里读了很多线程，这似乎对其他人有用。

我不知道为什么这对我不起作用。 在控制台中，我什么也没有。

Answer 1

阅读此问题的答案：

所有document.execCommand（'copy'）调用必须直接作为用户操作（例如，单击事件处理程序）的结果而发生。 这是一种防止在用户不希望的时候弄乱用户剪贴板的措施。

这个例子：

 function copyToClipBoard(txt) { try { var $temp = $("<input>"); $("body").append($temp); $temp.val(txt).select(); var retVal = document.execCommand("copy"); console.log('Copy to clipboard returns: ' + retVal); $temp.remove(); } catch (err) { console.log('Error while copying to clipboard: ' + err); } } $('button').on('click', function (e) { copyToClipBoard('123'); }); copyToClipBoard('123'); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div style="display:inline-block;"> <button style="vertical-align:top;">Copy To ClipBoard</button> <textarea class="js-test-textarea" cols="35" rows="4">Try pasting into here to see what you have on your clipboard: </textarea> </div>