前端實(shí)現(xiàn)復(fù)制內(nèi)容
將所需要的內(nèi)容賦值到一個(gè)的
textarea
,然后select()
選取內(nèi)容調(diào)用
document.execCommand("copy",false,null);
如果都是
input
框,可以不創(chuàng)建textarea
;但是很多時(shí)候不是,所以創(chuàng)建一個(gè)出來比較方便-
一直在找如何自動(dòng)復(fù)制也沒有實(shí)現(xiàn)
<!DOCTYPE html> <html> <head> <title>test</title> </head> <body> <input type="text" name="" id="text_in" value="Copy Test."> <input type="button" name="" id="do_copy" value="Copy"> <div id='test'>這是一個(gè)測(cè)試內(nèi)容</div> <script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript"> $(function () { var btn = document.getElementById('do_copy'), text = document.getElementById('text_in'), test = document.getElementById('test'); btn.onclick = function () { var transfer = document.getElementById('copy_transfer'); if (!transfer) { transfer = document.createElement('textarea'); transfer.id = "copy_transfer"; transfer.style.position = 'absolute'; transfer.style.left = '-9999px'; transfer.style.top = '-9999px'; document.body.appendChild(transfer); } transfer.value = text.value; transfer.value = test.innerText; transfer.focus(); transfer.select(); document.execCommand("copy",false,null); } }) </script> </body> </html>