js實現點擊copy,可相容

來源:互聯網
上載者:User

標籤:safari   height   targe   name   creat   style   rip   selection   doctype   

  在實現功能時寫的一個小demo,可以實現點擊複製內容(任何你需要copy的文字內容data)。

  經測試,可相容 chrome, edge, firefox, ie, opera, safari,至於版本的話肯定是有限制的,你可以嘗試一下版本的底線。

  下面就是demo,你可以使用在任何地方。

 1 <!DOCTYPE html> 2 <html> 3 <head> 4     <meta charset="utf-8"> 5     <title>js實現copy</title> 6 </head> 7 <body> 8     <div> 9         <span>陽光總在風雨後。</span>10     </div>11     <input type="text" name="" placeholder="請粘貼測試">12 <script type="text/javascript">13     (function(){14         var span = document.getElementsByTagName(‘span‘)[0];15         span.addEventListener(‘click‘, function(event){16             var t, p, i;17             t = event.target || event.srcElement;19             p = t.parentNode;20             i = document.createElement(‘input‘);21             i.width = 0;22             i.height = 0;23             i.value = t.innerText;24             p.appendChild(i);25             i.focus();26             i.setSelectionRange(0, i.value.length);27             document.execCommand(‘copy‘, true);28             p.removeChild(i);29         },false);30     })();31 </script>32 </body>33 </html>

   哦,對了,如果是IE的話,你應該用IE的事件處理常式attachEvent。

  謝謝你的瀏覽,如果覺得不錯,請點贊TT。

 

js實現點擊copy,可相容

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.