javascript自动将文本复制到剪贴板

Question

I'm trying to copy content to clipboard without user action but this doesn't work. is because firefox detect the origin of the action ? (click() function and not user real 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');                                     
});

It's just for personal interest don't bother long explanation you could give me links to documentation as well

Answer 1

If you're using Firefox pre-41, you need to enable clipboard support manually in the user.js preference file. Reference: https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand#Browser_compatibility