我們在制作移動端網頁的時候,經常會遇到這樣一個問題,如何點擊一個“復制”按鈕,把一串文字復制到手機剪貼板,如上圖所示。
看了網上的一些方法后,感覺那些方法都太復雜,有點要用插件,有的需要安裝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>
這樣,當我們點擊復制按鈕的時候,就能將需要的文字復制下來啦~~~
復制或引用請注明出處哦~~