JS 实现一键复制(复制DIV)

话不多说 直接上代码:

JS部分

function copyDivContent(divId) {
		// 获取标签内容
		const div = document.getElementById(divId);
		// 创建文档区域
		const range = document.createRange();
		//曲遇范围边界设置为一个节点的子节点。
		range.selectNodeContents(div);
		// 获取当前位置
		const selection = window.getSelection();
		// 清空
		selection.removeAllRanges();
		// 添加
		selection.addRange(range);
		// 执行赋值操作
		document.execCommand('copy');
	}

使用

		
	

大概思路或者流程就是 

1.获取要复制内容所在的标签

2.设置区域范围及起始位

3. 获取(选择,即文本选中状态)选中的内容

4.清空再添加,每次复制或者选择的内容都是最新的

5.执行复制操作(execCommand)到粘贴板

你可能感兴趣的:(javascript,前端,html)