前端实现一键复制功能时遇到的一个bug记录

#前端实现一键复制功能时遇到的一个bug记录#

我使用我前面实现一键复制多张图片和文本到剪贴板_clipboarditem复制后图片和文字不能同时粘贴-CSDN博客
实现了一键复制功能  一般情况下的场景都可以使用了 
但是遇到了这种场景时 怎么也不能把文本复制到剪切板
具体情况是  点击了复制按钮后 先调用了接口  等接口返回数据后  再把接口返回的数据复制到剪切板

最后排查时发现 如果你的点击复制按钮事件中有回调之类的   浏览器会认为点击事件跟复制不是同一个场景  会默认阻止此次复制事件   而且  你复制事件触发时  触发点击事件的按钮也不能使用 display   或者overflow 等方式隐藏  否则也无法复制成功

我解决的方法是 等接口返回数据后  弹框再次提示  此次复制内容xxx条 是否复制   在确定回调中使用复制功能 就可以了