当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JavaScript操作剪贴板

JavaScript操作剪贴板

2012/11/10 10:04:24作者:佚名来源:网络

移动端

【实例名称】

JavaScript操作剪贴板

【实例描述】

JavaScript提供的剪贴板有两种,系统自带的剪贴板和dataTransfer对象内部的剪贴板:本例将演示使用Windows系统自带的剪贴板。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head>     <title>标题页-学无忧(www.xue51.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>

【运行效果】

 JavaScript操作剪贴板运行效果

【难点剖析】

本例的重点是剪贴板的使用方法,剪切和粘贴。“setData”用来保存数据到剪贴板,“getData”用来获取剪贴板中的数据,使用时注意这两个方法的参数。

【源码下载】

为了JS代码的准确性,请点击:JavaScript操作剪贴板 进行本实例源码下载 

标签: 剪贴板