javascript自动复制文本到剪贴板

时间:2016-04-24 20:36:39

标签: javascript jquery clipboard

我试图在没有用户操作的情况下将内容复制到剪贴板,但这并不起作用。 是因为firefox检测到动作的来源? (click()函数而不是用户真实的clic)

https://jsfiddle.net/ukj871dc/

<div id='div'>some text</div>

$("<button id='clickme'>clickme</button>").insertAfter( "#div" );
$("<textarea id='temptext'></textarea>").insertAfter( "#clickme" );
$("#temptext").css({"position": "fixed", "bottom": "0px", "left": "0px", "opacity": "0"});

// next one doesn't work
setTimeout(function () {document.getElementById("clickme").click();}, 2000);

$("#clickme").click(function(){
var textToCopy = $('#div').text();
$('#temptext').val(textToCopy);
$('#temptext').select();
document.execCommand('copy');                                     
});

这只是为了个人兴趣而不是长时间的解释 你也可以给我链接到文档

1 个答案:

答案 0 :(得分:0)

如果您使用的是Firefox 41之前的版本,则需要在user.js首选项文件中手动启用剪贴板支持。参考:https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand#Browser_compatibility