如何复制div内容到剪贴板作为字符串格式[复制]

Question

我使用的是ReactJS，当用户单击按钮时，我想将一些div内容复制到剪贴板。

我不明白为什么这段代码不会导致数据被复制到剪贴板。当redux store的真实内容来自div时，我从中获得了价值

js prettyprint-override">componentDidUpdate(prevProps, prevState, snapshot) {
  console.log("value to copy is-->", this.props.copy);
  var copyText = document.getElementById("myInput");

  /* Select the text field */

  console.log("copyText-->", copyText);
  console.log("document-->", document);
  /* Copy the text inside the text field */
  document.execCommand("copy");
}

Answer 1

你可以用这个包裹。它非常简单，可以跨平台工作。

Answer 2

在运行复制命令之前，您需要添加el.select（）；。

componentDidUpdate(prevProps, prevState, snapshot) {
    console.log("value to copy is-->",this.props.copy);
    var copyText = document.getElementById("myInput");

    /* Select the text field */

    copyText.select();

    /* Copy the text inside the text field */
    document.execCommand("copy");
}