js实现点击复制功能

曹梦秋

于 2021-12-22 13:40:20 发布

阅读量366

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/dashuforever/article/details/122080752

前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript创建DOM节点并即时删除的方法来实现文本复制到剪贴板的功能。具体步骤包括：创建一个隐藏的input元素，将要复制的文本赋值给它，然后将其添加到页面中，选中并复制该文本，最后从页面中移除该元素。

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

通过创建DOM节点并即时删除的方法实现

const $copy = (val) =>{
	console.log(val)
	let myInput = document.createElement('input')
	myInput.value = val
	document.body.appendChild(myInput)
	myInput.select()
	document.execCommand('Copy')
	document.body.removeChild(myInput)
	alert(`成功复制 <${val}>`)
}