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');
	}

使用

		<button type="button" id="copy" onclick="copyDivContent('div11')" class="btn btn-primary btn-block btn-flat loginBtn" >复制</button>

	<div id="div11" class="login-title1"><span>oooooopppp</span>11111111</div>

大概思路或者流程就是 

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

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

3. 获取（选择，即文本选中状态）选中的内容

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

5.执行复制操作（execCommand）到粘贴板