javascript - 求教一個js拷貝文本的問題

來源:互聯網
上載者:User
就是簡單的點擊拷貝,好像很多網站都有複製代碼這個按鈕。但是好像說很多瀏覽器不支援,要用flash,現在這個問題一般都是怎麼解決的

回複內容:

就是簡單的點擊拷貝,好像很多網站都有複製代碼這個按鈕。但是好像說很多瀏覽器不支援,要用flash,現在這個問題一般都是怎麼解決的

long ago都是需要引入flash通過調用flash的api訪問clipboard的,巨噁心..既然現在abobe自己都不推薦flash了,自然有辦法。

https://zenorocha.github.io/clipboard.js/
depende on Selection and document.execCommand API

(內容測試)(你可以在這裡粘帖內容)

he JavaScript document.execCommand('copy') support has grown, see the links below for browser updates:

IE10+ (although this document indicates some support was there from IE5.5+).
Google Chrome 43+ (~April 2015)
Mozilla Firefox 41+ (shipping ~September 2015)
Opera 29+ (based on Chromium 42, ~April 2015)
Simple Example
var copyTextareaBtn = document.querySelector('.js-textareacopybtn');

copyTextareaBtn.addEventListener('click', function(event) {
var copyTextarea = document.querySelector('.js-copytextarea');
copyTextarea.select();

try {

var successful = document.execCommand('copy');var msg = successful ? 'successful' : 'unsuccessful';console.log('Copying text command was ' + msg);

} catch (err) {

console.log('Oops, unable to copy');

}
});


Hello I'm some text


Copy Textarea

詳見http://stackoverflow.com/questions/400212/how-do-i-copy-to-the-clipboard-in-javascript

  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.