javascript - 在文本框中设置值后如何复制到剪贴板？

Question

我有一个输入框，我在其中使用 jQuery 的 val() 方法设置值。我想在设置此文本框中的值后复制到剪贴板。我正在使用 document.execCommand('copy') 但当没有用户操作时这似乎不起作用。有其他方法可以解决这个问题吗？

我在对服务器进行 AJAX 调用以获取值后设置了此文本中的值。这就是我正在尝试做的事情。

$('#someVal').val('Some text');
el = $('#someVal');
el.focus();
el.select();
document.execCommand("copy", true);

Answer 1

来自这个答案:https://stackoverflow.com/a/6055620/1201725 ，(1026 票)用户说:“自动复制到剪贴板可能很危险，因此大多数浏览器(IE 除外)都使它变得非常困难。”。因此，为了正确的方法，您可以像这样使用“clipboard.js”:

new Clipboard('.btn');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script>

<input id="foo" value="same data">
<button class="btn" data-clipboard-target="#foo">
    Copy to clipboard
</button>