js实现copy链接功能个包含遇到的坑

最新推荐文章于 2024-09-13 16:18:59 发布

原创最新推荐文章于 2024-09-13 16:18:59 发布 · 187 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

文章介绍了如何在JavaScript中创建隐藏的`textarea`元素实现复制链接的功能，特别提到在iOS中，如果数据是异步获取的，可能无法直接复制。解决方法是在异步操作完成后，再执行复制功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 const hiddenTextarea = document.createElement("textarea");

          hiddenTextarea.style.position = "absolute";

          hiddenTextarea.style.left = "-9999px";

          hiddenTextarea.setAttribute("readonly", "");

          hiddenTextarea.value =‘你要复制的链接’;

          document.body.appendChild(hiddenTextarea);

          hiddenTextarea.select();

          hiddenTextarea.focus();

          document.execCommand("copy");

          console.log(JSON.stringify(hiddenTextarea), "hiddenTextarea");

          showSuccessToast("复制成功");

在ios中如果是异步拿取的数据的话那么是复制不上的

解决办法：先执行异步操作拿到数据后在执行复制功能