uniapp复制（解决uni.setClipboardData某些机型h5不支持）

原创已于 2024-02-17 12:16:12 修改 · 749 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #前端 #linux

于 2024-02-17 12:15:42 首次发布

本文介绍了如何使用JavaScript在H5环境中创建一个可选中的`input`元素来实现内容复制功能，同时考虑到小程序的兼容性，提供了uni.setClipboardData方法的应用。

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

/**
 * 复制到剪贴板
 * @param {Object} content
 */
$copy(content) {
	// #ifdef H5
	let transfer = document.createElement('input');
	document.body.appendChild(transfer);
	transfer.value = content;
	transfer.select();
	if (document.execCommand('copy')) {
		document.execCommand('copy');
	}
	transfer.blur();
	document.body.removeChild(transfer);
	this.$toast('内容已复制', 'success')
	// #endif
	// #ifndef H5
	uni.setClipboardData({
		data: String(content)
	})
	// #endif
}