Javascript document.execCommand（'；copy'；）命令在Chrome中不起作用

HTML

CSS

我试图将文本复制到剪贴板，但我不明白我的代码有什么问题。我从MDN文档中复制了代码

当我做这些事情时，它不起作用

#clipboard {
  position: absolute;
  visibility: hidden;
}

const share\u btn=document.querySelector（“.share按钮”）；
功能复制到剪贴板（stritem）{
const el=document.createElement（'textarea'）；
el.value=条纹；
文件.正文.附件（el）；
el.select（）；
document.execCommand（'copy'）；
文件.正文.删除文件（el）；
window.alert（'已成功复制到剪贴板！'）；
}
text='要复制的文本'；
共享\u btn.addEventListener（'单击'，（）=>{将\u复制到\u剪贴板（文本）；}）
share
这是否回答了您的问题？你能分享你的html吗？或者为完整源创建一个
  text = 'text to be copied';

  document.querySelector('.share-button').addEventListener('click', () => {
      var element = document.querySelector('#clipboard');
      element.setAttribute("value", text);
      console.log(element.value);
      element.select();
      document.execCommand('copy');

  });

#clipboard {
  position: absolute;
  visibility: hidden;
}

#clipboard {
  position: absolute;
}

// or

#clipboard {
  visibility: hidden
}

// or

#clipboard {
  display: none
}