联系方式

站长:
联系人:赵先生
手机:18183869808

QQ 64816414
保健茶:

联系人:罗小姐

电话:15368244381

QQ 834856496

javascript实现复制粘贴功能
发布者:findallove 类型:杂器快贴 发布时间:2018-9-25 23:29:08 浏览:9063次 [回复]
要实现改功能,主要用到几个函数:
1.window.clipboardData.setData("Text", txt);
2.document.execCommand("paste")
3.window.getSelection()、document.getSelection()、document.selection.createRange().text
说明一下吧,第一个函数的作用是将txt(参数,要放到剪贴版的内容)放到系统的剪贴板。"Text"表示为文本形式。第二个函数的作用就是粘贴,把剪贴板的内容粘贴到指定焦点的控件里,详细看实例代码说明。第三点中的几个函数,均为获取鼠标选定的文本,不同的浏览器支持的方法不一样,故需进行判断。document.selection.createRange().text为获取文本,document.selection.createRange().html为获取html格式。
先列出javascript函数,一共三个:
//复制
function copytxt()
{
   var txt="";
   if(window.getSelection)//是否支持该方法
   {
       txt=window.getSelection();
   }
     else if(document.getSelection)
     {
         txt = document.getSelection();
     }
     else if(document.selection)
     {
         txt = document.selection.createRange().text;//获取鼠标选定的文本
     }  
   copyToClipboard(txt);//把内容放到剪贴板
}
//粘贴
function pastetxt()
{
   var ta = document.getElementById("selectedtext");//获取控件
   ta.focus();//设置其焦点
   ta.document.execCommand("paste"); // 粘贴
}
//复制到粘贴板函数
function copyToClipboard(txt)
{
     if(window.clipboardData) {
       window.clipboardData.clearData();//清空剪贴板
       window.clipboardData.setData("Text", txt);//把txt内容放进剪贴板
       }
}
代码很简单,就不详细说明了。详细测试代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>javascript实现复制粘贴功能</title>
<script>
//复制
function copytxt()
{
   var txt="";
   if(window.getSelection)
   {
       txt=window.getSelection();
   }
     else if(document.getSelection)
     {
         txt = document.getSelection();
     }
     else if(document.selection)
     {
         txt = document.selection.createRange().text;
     }  
   copyToClipboard(txt);
}
//粘贴
function pastetxt()
{
   var ta = document.getElementById("selectedtext");
   ta.focus();
   ta.document.execCommand("paste"); // 粘贴
}
//复制到粘贴板函数
function copyToClipboard(txt)
{
     if(window.clipboardData) {
       window.clipboardData.clearData();
       window.clipboardData.setData("Text", txt);
       }
}
</script>
</head>
<body>
<form>
<textarea name="selectedtext" rows="5" cols="50"></textarea>
</form>
测试文字测试文字测试文字
­
<a href="#" onclick="copytxt();return false;">复制鼠标选定的文字</a>
­
<a href="#" onclick="pastetxt();return false;">粘贴到文本框内</a>
</body>
</html>

源地址:http://www.zaqi.net/word_view.asp?files_id=719
上一篇:二手男人
下一篇:让你成为高效能人士的几种习惯
零售:¥25元
批发:¥18元
特价:¥39元
批发:¥30元
零售:¥25元
批发:¥18元
零售:¥100元
批发:¥80元
零售:¥50元
批发:¥46元
杂器网络版权所有  免责声明