uni-app实现复制文本

这篇具有很好参考价值的文章主要介绍了uni-app实现复制文本。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在做项目的过程中,为了完善用户体验,尝尝需要做复制文本的功能。
而 uni-app官方提供的uni.setClipboardData(OBJECT)复制功能并不兼容H5端,
所以我们要做个区分,经过本人测试,可以使用,直接上代码:文章来源地址https://www.toymoban.com/news/detail-521490.html

let text = '所要复制的内容'
// #ifdef H5
let textarea = document.createElement("textarea")
textarea.value = text 
textarea.readOnly = "readOnly"
document.body.appendChild(textarea)
textarea.select() // 选中文本内容
textarea.setSelectionRange(0, text.length) 
uni.showToast({//提示
	title:'复制成功' ,
	icon:'success'
})
document.execCommand("copy") 
textarea.remove()
// #endif
// #ifndef H5
uni.setClipboardData({
  data:text,//要被复制的内容
  success:()=>{//复制成功的回调函数
	uni.showToast({//提示
	  title:`复制成功`,
	  icon:'success'
	})
  }
},true);
// #endif

到了这里,关于uni-app实现复制文本的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包