2012-11-10 来源:网络
【实例名称】
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>
【运行效果】
【难点剖析】
本例的重点是剪贴板的使用方法,剪切和粘贴。“setData”用来保存数据到剪贴板,“getData”用来获取剪贴板中的数据,使用时注意这两个方法的参数。
【源码下载】
为了JS代码的准确性,请点击:JavaScript操作剪贴板 进行本实例源码下载