前端实现点击复制

Posted 2023-05-18

参考技术A

前端实现点击复制的通用方法是首先选中页面内容，然后调用

但该方法已经接近废弃并不建议使用，详情可搜索CDN。替代方案是调用 navigator.clipboard.writeText(val) ，其中 val 是需要复制的内容，该方法返回一个 Promise 。在此附上具体实现如下：

前端巧妙实现点击复制操作

            copyGroupId(groupId) 
				//创建一个新组件
				let oInput = document.createElement('input');
				//给新组件赋值
				oInput.value = groupId;
				//添加新节点到页面body中
				document.body.appendChild(oInput);
				//选择对象
				oInput.select();
				//对选择对象的值进行复制到浏览器中
				document.execCommand("Copy");
				this.$message.success(groupId);
				//删除新节点(重置操作)
				document.body.removeChild(oInput);
			,