前端實現一鍵復制/粘貼 以及版權信息添加


<p class='tel'>小伙子,你很有才哎</p>
<input type="button" value="一鍵復制" onclick='copyText()' class='btn'>
 
第一步:
先獲取要復制的文本;
let copyTargetText =  document.querySelector('.tel').innerText;
function copyText () {
  document.execCommand('copy'); //觸發瀏覽器復制
}
document.body.oncopy = e => {
  event.preventDefault(); 
  let textFont,copyFont = document.querySelector('.tel').innerText;
  if (copyFont.length > 10) {
      textFont = copyFont + '\n' +
      '作者: 情緒控\n' +
      '鏈接: https:www.moodk.cn/blog/user\n'+
      '來源: 個人博客\n' +
      '著作權歸作者所有.商業轉載請聯系作者獲取授權,非商業授權轉載請注明出處.';
  } else {
    textFont = copyFont;
  }
   if (event.clipboardData) {
    return event.clipboardData.setData('text', textFont);
  } else {
  return window.clipboardData.setData('text', textFont);  //兼容IE
  }
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM