js一键复制到剪切板

Posted 2020-12-04 qisimx

<div id=‘demo‘>我就是被复制的内容<span>点击复制<span></div>

$(‘demo‘).on(‘click‘,‘span‘,(event)=>{
　　let Url2 = event.currentTarget.offsetParent.childNodes[0].nodeValue;//获取点击的span的父元素的内容
　　let oInput = document.createElement(‘input‘);//创建一个input
　　oInput.value = Url2;
　　document.body.appendChild(oInput);
　　oInput.select(); // 选择对象
　　document.execCommand("Copy"); // 执行浏览器复制命令
　　oInput.className = ‘oInput‘;
　　oInput.style.display=‘none‘;
})

 

支持兼容chrome/ FF/ IE>9/ Safari新版