uni.setClipboardData在苹果浏览器中页面会跳到顶部
  np6YSxmUYDhw 2023年12月02日 26 0

最近在使用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'
	});
}

特此记录,希望能帮助到遇到相同问题的人。

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年12月02日 0

暂无评论

np6YSxmUYDhw