javascript - 将元素的文本 innerHTML 复制到剪贴板

Question

我在 stackoverflow 中尝试了很多解决方案，但都没有用。( here 和 here )

我在 Website 中尝试并使用 chrome extension用于运行代码(chrome 59.0.3071.104 64 位)

<h4 align="center">text data to copy</h4>

var copy_text = document.getElementsByTagName("h4")[0];
copy_text.select(); //-> error: select is not a function

和

var range = document.createRange();
range.selectNode(copy_text);
window.getSelection().addRange(range);
document.execCommand("copy"); //-> clipboard not change

有什么解决办法吗？ 谢谢。

---

编辑:我认为我的问题是页面加载(安全浏览器)，所有解决方案都与用户交互一起工作

Answer 1

这里是第一个例子。 https://hackernoon.com/copying-text-to-clipboard-with-javascript-df4d4988697f .我的例子是根据我的需要重写的，但你会明白的:)

<div onclick="bufferText()">Миньор Перник!</div>
<script>
   function bufferText() {    
        const el = document.createElement("textarea");
        el.value = event.target.innerHTML;
        document.body.appendChild(el);
        el.select();
        document.execCommand("copy");
        document.body.removeChild(el);
   }
</script>