js一键复制到剪切板

2018-07-17 04:14:48来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

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

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:js中实现隐藏部分姓名或者电话号码

下一篇:开发中解决Access-Control-Allow-Origin跨域问题的Chrome神器插