Javascript控制剪贴板大全-技术开发专区

Javascript控制剪贴板大全

作者：ITPUB论坛编辑： nancy 2008-05-12 00:00

【IT168技术文档】

看到UBB代码[ code ]视窗的时候会有个"复制到剪贴板"的功能.我觉得很好用.
突然想到文件上传后,出现在"地址(路径)"位置的URL,给他加个复制的按钮吧.
研究了一下原来的代码..
定义函数

程序代码

   1.  function CopyText(obj) {
2.  ie = (document.all)? true:false
3.  if (ie){
4.   var rng = document.body.createTextRange(); //列出所有文本对象内容   
   5.   rng.moveToElementText(obj);//移动文本范围以便范围的开始和结束位置能够完全包含给定元素的文本   
   6.   rng.scrollIntoView();//scrollIntoView 将对象滚动到可见范围内，将其排列到   
   7. 窗口顶部或底部
8.   rng.select();//选择   
   9.   rng.execCommand("Copy");//复制   
  10.   rng.collapse(false);//不太明白..   
  11.  }
12. }

然后用程序代码

<a href="javascript:CopyText(document.all.CODE_8223);">[ 复制代码到剪贴板 ]</a> </td></tr></table><div class="code_main" id="CODE_8223">需要复制的代码...</div>

它主要是选中要复制的文本对象,然后用exeCommand("Copy")来复制.
之后我照班了一个..结果发现<input type=text>里面的东西无法复制..只能选中外面的框..
又在网上找了一些资料...终于有了答案.嘿嘿..

下面是一个例子演示

#
# <HTML>
# <HEAD>
# <TITLE>测试操作剪贴板</TITLE>
# </HEAD>
# <script>
# function copyToClipboard()
# {
# var d=document.all("source").value;
# window.clipboardData.setData('text', d);
# }
#
# </script>
# <BODY >
#
# <button onclick="copyToClipboard();">拷贝</button>
# <input type="text" size=20 id="source" value="测试数据">
# <br>
# <button onclick="alert(window.clipboardData.getData('text'));">显示</button>
# <button onclick="window.clipboardData.clearData('text');">清空</button>
#
#
# </BODY>
# </HTML>

关注我们