当前位置:   article > 正文

解决http下navigator.clipboard为undefined问题_navigator.clipboard undefined

navigator.clipboard undefined

开发环境下使用navigator.clipboard进行复制操作,打包部署到服务器上后,发现该功能显示为undefined;查相关资料后,发现clipboard只有在安全域名下才可以访问(https、localhost),在http域名下只能得到undefined;

解决方案如下:

  1. let clipboard = navigator.clipboard || {
  2. writeText: (text) => {
  3. let copyInput = document.createElement('input');
  4. copyInput.value = text;
  5. document.body.appendChild(copyInput);
  6. copyInput.select();
  7. document.execCommand('copy');
  8. document.body.removeChild(copyInput);
  9. }
  10. }
  11. if (clipboard) {
  12. await clipboard.writeText(this.formData.url);
  13. this.$message.success('复制成功');
  14. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/78767
推荐阅读
相关标签
  

闽ICP备14008679号