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

例子

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);

注：火狐不支持此方法！ (责任编辑：网页模板)

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

js复制内容到剪贴板代码，js复制代码相关推荐

使用clipboard.js实现复制内容至剪贴板
下载插件 clipboard.js是不依赖flash,实现复制内容至剪贴板的js插件.下载clipboard.js的压缩包,根据需要选择dist目录下的压缩或未压缩版. github地址:https: ...
每日 30 秒 ⏱ 复制内容到剪贴板
简介剪贴板.复制.兼容复制内容到剪贴板是前端开发过程中会经常遇到的一个需求,大部分同学开发时往往会直接打开搜索框开始寻找别人写好的组件库,而聪明的同学会开始思考问题: 产品的使用场景是什么? 是 ...
【JS】JavaScript复制内容到剪贴板
常见方法查了一下万能的Google,现在常见的方法主要是以下两种: 第三方库:clipboard.js 原生方法:document.execCommand() 分别来看看这两种方法是如何使用的. c ...
【战术性mark】JS 复制内容到剪贴板
看到这篇文章想要转载的原因是,之前想做一个Chrome插件,实现功能是特定网站监听用户复制,然后自动缀上磁力链接头是的,这玩意的作用就是你现在所想的那样.只是鉴于之前一直没搞定读写Windows剪切 ...
《JS实现复制内容到剪贴板功能，可兼容所有PC浏览器，不兼容手机端》
前记:本来原生的JS是有提供一个函数来实现这个功能(window.clipboardData),但是很遗憾,这个函数仅仅支持IE和FF浏览器,所以基本用处不大.下边介绍的是一个第三方插件库(ZeroC ...
html5 复制到剪贴板兼容,JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能 ...
JS 复制内容到剪贴板
使用 JS 复制内容到剪贴板主要有两种方式: 使用 clipboard.js 插件使用 document.execCommand() 原生方法 1.使用 clipboard.js 插件该插件使用比 ...
JavaScript复制内容到剪贴板
原文链接:https://github.com/axuebin/ar... 最近一个活动页面中有一个小需求,用户点击或者长按就可以复制内容到剪贴板,记录一下实现过程和遇到的坑. 常见方法查了一下万能 ...
VUE 实现复制内容到剪贴板的方法
VUE 复制内容至剪切板(两种使用方法) 复制内容至剪切板使用的是插件'vue-clipboard2',通过官方文档会发现共有两种使用方式. 第一种方式与大多数文章类似,只粘贴代码: <temp ...
小程序复制内容至剪贴板
小程序复制内容至剪贴板前台 <view bindtap='copyText' data-text="{{1234}}">复制</view> js copy ...

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

js复制内容到剪贴板代码，js复制代码相关推荐

最新文章

热门文章