js实现点击复制功能

最新推荐文章于 2024-09-26 14:44:31 发布

原创最新推荐文章于 2024-09-26 14:44:31 发布 · 376 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

前端专栏收录该内容

3 篇文章

订阅专栏

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

通过创建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}>`)
}