javascript - 如何将文本从隐藏文本区域复制到剪贴板？

Question

我有一个像这样的隐藏文本区域，其中设置了一些值:

<textarea style="display: none;" id="element_html"></textarea>

单击按钮时，我尝试使用以下 JS 代码将其内容复制到剪贴板:

$('#element_html').select();
document.execCommand('copy');

它仅在文本区域可见时起作用。如何将隐藏文本区域的内容复制到剪贴板？

Answer 1

opacity: .01;

完成任务。你应该将它与:

height:0;
position:absolute;
z-index: -1;

不要使用 pointer-events:none;，因为它也会停止 .select() 的工作。

function copyContents() {
  $('#element_html').select();
  document.execCommand('copy');
}

#element_html {
  position: absolute;
  opacity: .01;
  height: 0;
  overflow: hidden;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<textarea id="element_html">Which textarea?</textarea>
<button onclick="copyContents()">Copy</button>

<input type="text" placeholder="Paste it here...">