uni.setClipboardData成功后，页面左上角会有个类似于输入框的东西

分类：uni-app

uni.setClipboardData成功后，如果隐藏头部，页面左上角会有个类似于输入框的东西，里面的文案就是复制的文本。代码如下；

uni.setClipboardData({  
    data: '日照香炉生紫烟',  
    success() {  
        console.log('复制成功');  
    }  
})

复制成功后，把页面头部 Header 的 display 属性设置为none，页面左上角就能看到了。请问这个剪贴板内容为什么出现在这里？

2021-09-27 09:17 负责人:无分享

2 个回复

同问

迟海 - 一花一世界，一叶一追寻。一曲一场叹，一生为一人。

uni.setClipboardData这个API在网页端的实现方式就是创建一个input输入框，然后通过window.getSelection和document.createRange模拟选中文本并且复制，这种方式的兼容性比较好。

剪贴板读写功能js原生现在也有Async Clipboard API，但是在移动端浏览器的兼容不是很好，因为这涉及到隐私授权问题，如果是桌面端并且不需要考虑兼容太旧的浏览器，用Async Clipboard API可能会更好一些。

该问题目前已经被锁定, 无法添加新回复