鳕鱼天空

This is Mr Wang's Tech Blog.

[转]js复制内容到剪贴板代码，js复制代码

14 March 2017 (0)

例子

<script type="text/JavaScript">
    function jsCopy(){
        var e=document.getElementById("contents");//对象是contents
        e.select(); //选择对象
        document.execCommand("Copy"); //执行浏览器复制命令
    }
</script>
<textarea id="contents" cols="40" rows="5"></textarea>
<br />
<input type="button" onClick="jsCopy();" value="复制" />

js复制无非是以下三步：
1、获取复制的对象：document.getElementById("contents")这句话就是获取ID=“contents”的textarea。
2、全选对象的内容：e.select()
3、用execCommand("")函数将内容复制。
下面来详细介绍execCommand("")函数的参数：
1、格式：document.execCommand(sCommand[,交互方式, 动态参数])
2、参数详解：

 

001 1、〖全选〗命令的实现
002 [格式]：document.execCommand(”selectAll”)
003 [说明]将选种网页中的全部内容！
004  
005 2、〖打开〗命令的实现
006 [格式]：document.execCommand(”open”)
007 [说明]这跟VB等编程设计中的webbrowser控件中的命令有些相似，大家也可依此琢磨琢磨。
008  
009 3、〖另存为〗命令的实现
010 [格式]：document.execCommand(”saveAs”)
011 [说明]将该网页保存到本地盘的其它目录！
012  
013 4、〖打印〗命令的实现
014 [格式]：document.execCommand(”print”)
015 [说明]当然，你必须装了打印机！
016  
017 Js代码下面列出的是指令参数及意义
018  
019 //相当于单击文件中的打开按钮
020 document.execCommand(”Open”);
021  
022 //将当前页面另存为
023 document.execCommand(”SaveAs”);
024  
025 //剪贴选中的文字到剪贴板;
026 document.execCommand(”Cut”,”false”,null);
027  
028 //删除选中的文字;
029 document.execCommand(”Delete”,”false”,null);
030  
031 //改变选中区域的字体;
032 document.execCommand(”FontName”,”false”,sFontName);
033  
034 //改变选中区域的字体大小;
035 document.execCommand(”FontSize”,”false”,sSize|iSize);
036  
037 //设置前景颜色;
038 document.execCommand(”ForeColor”,”false”,sColor);
039  
040 //使绝对定位的对象可直接拖动;
041 document.execCommand(”2D-Position”,”false”,”true”);
042  
043 //使对象定位变成绝对定位;
044 document.execCommand(”AbsolutePosition”,”false”,”true”);
045  
046 //设置背景颜色;
047 document.execCommand(”BackColor”,”false”,sColor);
048  
049 //使选中区域的文字加粗;
050 document.execCommand(”Bold”,”false”,null);
051  
052 //复制选中的文字到剪贴板;
053 document.execCommand(”Copy”,”false”,null);
054  
055 //设置指定锚点为书签;
056 document.execCommand(”CreateBookmark”,”false”,sAnchorName);
057  
058 //将选中文本变成超连接,若第二个参数为true,会出现参数设置对话框;
059 document.execCommand(”CreateLink”,”false”,sLinkURL);
060  
061 //设置当前块的标签名;
062 document.execCommand(”FormatBlock”,”false”,sTagName);
063  
064 //相当于单击文件中的打开按钮
065 document.execCommand(”Open”);
066  
067 //将当前页面另存为
068 document.execCommand(”SaveAs”);
069  
070 //剪贴选中的文字到剪贴板;
071 document.execCommand(”Cut”,”false”,null);
072  
073 //删除选中的文字;
074 document.execCommand(”Delete”,”false”,null);
075  
076 //改变选中区域的字体;
077 document.execCommand(”FontName”,”false”,sFontName);
078  
079 //改变选中区域的字体大小;
080 document.execCommand(”FontSize”,”false”,sSize|iSize);
081  
082 //设置前景颜色;
083 document.execCommand(”ForeColor”,”false”,sColor);
084  
085 //使绝对定位的对象可直接拖动;
086 document.execCommand(”2D-Position”,”false”,”true”);
087  
088 //使对象定位变成绝对定位;
089 document.execCommand(”AbsolutePosition”,”false”,”true”);
090  
091 //设置背景颜色;
092 document.execCommand(”BackColor”,”false”,sColor);
093  
094 //使选中区域的文字加粗;
095 document.execCommand(”Bold”,”false”,null);
096  
097 //复制选中的文字到剪贴板;
098 document.execCommand(”Copy”,”false”,null);
099  
100 //设置指定锚点为书签;
101 document.execCommand(”CreateBookmark”,”false”,sAnchorName);
102  
103 //将选中文本变成超连接,若第二个参数为true,会出现参数设置对话框;
104 document.execCommand(”CreateLink”,”false”,sLinkURL);
105  
106 //设置当前块的标签名;
107 document.execCommand(”FormatBlock”,”false”,sTagName);

 

 

注：火狐不支持此方法！

 

找了好久的一个方法，很管用，网上很多文章一大抄，拿下来根本没法用，他们自己也没有试验过，就写，真是服了