欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js一键复制到剪切板

程序员文章站 2023-01-29 08:48:22
我就是被复制的内容点击复制
$('demo').on('click','span',(event)=>{ let Url2 = event.currentTarget.offsetParent.childNodes[0].nodeVa ......

<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新版