JS 點擊復制按鈕 將文字復制到手機剪貼板


  我們在制作移動端網頁的時候,經常會遇到這樣一個問題,如何點擊一個“復制”按鈕,把一串文字復制到手機剪貼板,如上圖所示。

  看了網上的一些方法后,感覺那些方法都太復雜,有點要用插件,有的需要安裝flash,但是這些對於手機等移動設備都不太合適,那么有沒有一個簡單點的辦法呢?

  今天,我們就來介紹一個簡單實用的好方法:

    ①首先,我們把需要復制的部分 做成一個readonly的input,

    ②復制按鈕的id 我這里設置成:js-copy-text,

    ③js如下:

<script>
    $("#js-copy-text").click(function () {
        var text = $(this).prev();//就是要復制的那個input
        text.select();
        document.execCommand('copy', false);       
    });
</script>

  這樣,當我們點擊復制按鈕的時候,就能將需要的文字復制下來啦~~~

  復制或引用請注明出處哦~~

 


免責聲明!

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



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