原生js實現複製內容到剪切板

html:

<span class='copyPhone'>1008611</span><span onclick="copyPhone()">複製</span>

js:

function copyPhone(){
	let copyPhone = document.getElementsByClassName('copyPhone')[0].innerText;
	let copy = function (e){
	    e.preventDefault();
	    e.clipboardData.setData('text/plain',copyPhone);
            console.log('複製成功')
	    document.removeEventListener('copy',copy);
	}
	document.addEventListener('copy',copy);
	document.execCommand("copy");
}

步驟：1。document.addEventListener('copy',copy); 監聽copy事件,

2。document.execCommand("copy")，觸發copy監聽事件

3。e.clipboardData.setData('text/plain',copyPhone); 將內容copyPhone 添加到剪切板

4。document.removeEventListener取消監聽