最近在使用uniapp开发h5过程中遇到一个问题。我一个列表页面里有复制用户联系方式的功能,我使用了uni.setClipboardData来实现复制功能,但发现在苹果手机浏览器中使用时,经常会出现点击复制后,页面跳回到顶部的现象,阻止默认事件也没有效果。
uni.setClipboardData({
data: text,
success: () => {
uni.showToast({
title: '复制成功',
icon: 'none'
});
}
});
后来使用异步操作来调用复制后解决问题。
async copy(text) {
await navigator.clipboard.writeText(text);
uni.showToast({
title: '复制成功',
icon: 'none'
});
}
特此记录,希望能帮助到遇到相同问题的人。