當(dāng)前位置:軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > 編程其他 > JavaScript操作剪貼板

JavaScript操作剪貼板

2012/11/10 10:04:24作者:佚名來(lái)源:網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱(chēng)】

JavaScript操作剪貼板

【實(shí)例描述】

JavaScript提供的剪貼板有兩種,系統(tǒng)自帶的剪貼板和dataTransfer對(duì)象內(nèi)部的剪貼板:本例將演示使用Windows系統(tǒng)自帶的剪貼板。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head>     <title>標(biāo)題頁(yè)-學(xué)無(wú)憂(yōu)(www.denvermotorcycleaccidentlawyer.com)</title>     <script language="javascript">      function windowCopy(){      window.clipboardData.setData("Text",txt1.innerText);       }      function windowParse(){      var txt= window.clipboardData.getData("Text");       txt1.innerText=txt+"粘貼完畢"      }     </script> </head> <body> <textarea cols=30 rows=10 id="txt1"> </textarea> <table id="mytbl" width="300" height="50" border="0" cellspacing="2" cellpadding="0" bgcolor="#FFb609">   <tr>     <td> <input id="Button1" type="button" value="window剪貼板-剪切" onclick="windowCopy()" /></td>     <td> <input id="Button1" type="button" value="window剪貼板-粘貼" onclick="windowParse()" /></td>   </tr> </table> </body> </html>

【運(yùn)行效果】

 JavaScript操作剪貼板運(yùn)行效果

【難點(diǎn)剖析】

本例的重點(diǎn)是剪貼板的使用方法,剪切和粘貼。“setData”用來(lái)保存數(shù)據(jù)到剪貼板,“getData”用來(lái)獲取剪貼板中的數(shù)據(jù),使用時(shí)注意這兩個(gè)方法的參數(shù)。

【源碼下載】

為了JS代碼的準(zhǔn)確性,請(qǐng)點(diǎn)擊:JavaScript操作剪貼板 進(jìn)行本實(shí)例源碼下載