JavaScript操作剪貼板

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

移動(dòng)端

【實(shí)例名稱】

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ú)憂（wangbatian.cn）</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)行效果