js复制内容到剪贴板代码,js复制代码的简单实例


Posted in Javascript onOctober 27, 2016

如下所示:

<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、参数详解:

1、〖全选〗命令的实现
[格式]:document.execCommand(”selectAll”)
[说明]将选种网页中的全部内容!
 
2、〖打开〗命令的实现
[格式]:document.execCommand(”open”)
[说明]这跟VB等编程设计中的webbrowser控件中的命令有些相似,大家也可依此琢磨琢磨。
 
3、〖另存为〗命令的实现
[格式]:document.execCommand(”saveAs”)
[说明]将该网页保存到本地盘的其它目录!
 
4、〖打印〗命令的实现
[格式]:document.execCommand(”print”)
[说明]当然,你必须装了打印机!
 
Js代码下面列出的是指令参数及意义

//相当于单击文件中的打开按钮
document.execCommand(”Open”);
 
//将当前页面另存为
document.execCommand(”SaveAs”);
 
//剪贴选中的文字到剪贴板;
document.execCommand(”Cut”,”false”,null);
 
//删除选中的文字;
document.execCommand(”Delete”,”false”,null);
 
//改变选中区域的字体;
document.execCommand(”FontName”,”false”,sFontName);
 
//改变选中区域的字体大小;
document.execCommand(”FontSize”,”false”,sSize|iSize);
 
//设置前景颜色;
document.execCommand(”ForeColor”,”false”,sColor);
 
//使绝对定位的对象可直接拖动;
document.execCommand(”2D-Position”,”false”,”true”);
 
//使对象定位变成绝对定位;
document.execCommand(”AbsolutePosition”,”false”,”true”);
 
//设置背景颜色;
document.execCommand(”BackColor”,”false”,sColor);
 
//使选中区域的文字加粗;
document.execCommand(”Bold”,”false”,null);
 
//复制选中的文字到剪贴板;
document.execCommand(”Copy”,”false”,null);
 
//设置指定锚点为书签;
document.execCommand(”CreateBookmark”,”false”,sAnchorName);
 
//将选中文本变成超连接,若第二个参数为true,会出现参数设置对话框;
document.execCommand(”CreateLink”,”false”,sLinkURL);
 
//设置当前块的标签名;
document.execCommand(”FormatBlock”,”false”,sTagName);
 
//相当于单击文件中的打开按钮
document.execCommand(”Open”);
 
//将当前页面另存为
document.execCommand(”SaveAs”);
 
//剪贴选中的文字到剪贴板;
document.execCommand(”Cut”,”false”,null);
 
//删除选中的文字;
document.execCommand(”Delete”,”false”,null);
 
//改变选中区域的字体;
document.execCommand(”FontName”,”false”,sFontName);
 
//改变选中区域的字体大小;
document.execCommand(”FontSize”,”false”,sSize|iSize);
 
//设置前景颜色;
document.execCommand(”ForeColor”,”false”,sColor);
 
//使绝对定位的对象可直接拖动;
document.execCommand(”2D-Position”,”false”,”true”);
 
//使对象定位变成绝对定位;
document.execCommand(”AbsolutePosition”,”false”,”true”);
 
//设置背景颜色;
document.execCommand(”BackColor”,”false”,sColor);
 
//使选中区域的文字加粗;
document.execCommand(”Bold”,”false”,null);
 
//复制选中的文字到剪贴板;
document.execCommand(”Copy”,”false”,null);
 
//设置指定锚点为书签;
document.execCommand(”CreateBookmark”,”false”,sAnchorName);
 
//将选中文本变成超连接,若第二个参数为true,会出现参数设置对话框;
document.execCommand(”CreateLink”,”false”,sLinkURL);
 
//设置当前块的标签名;
document.execCommand(”FormatBlock”,”false”,sTagName);

注:火狐不支持此方法!

以上就是小编为大家带来的js复制内容到剪贴板代码,js复制代码的简单实例全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
javascript 网页跳转的方法
Dec 24 Javascript
jquery ajax 同步异步的执行示例代码
Jun 23 Javascript
IFrame跨域高度自适应实现代码
Aug 16 Javascript
获取中文字符串的实际长度代码
Jun 05 Javascript
jquery动态调整div大小使其宽度始终为浏览器宽度
Jun 06 Javascript
Js实现手机发送验证码时按钮延迟操作
Jun 20 Javascript
jQuery基于图层模仿五星星评价功能的方法
May 07 Javascript
vue-music关于Player播放器组件详解
Nov 28 Javascript
Vue完整项目构建(进阶篇)
Feb 10 Javascript
vue自定v-model实现表单数据双向绑定问题
Sep 03 Javascript
js实现for循环跳过undefined值示例
Jul 02 Javascript
node事件循环和process模块实例分析
Feb 14 Javascript
微信小程序 定义全局数据、函数复用、模版等详细介绍
Oct 27 #Javascript
vue插件tab选项卡使用小结
Oct 27 #Javascript
JS实现用户注册时获取短信验证码和倒计时功能
Oct 27 #Javascript
微信小程序 action-sheet底部菜单详解
Oct 27 #Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
Oct 27 #Javascript
微信小程序  modal弹框组件详解
Oct 27 #Javascript
从0开始学Vue
Oct 27 #Javascript
You might like
PHP+Mysql实现多关键字与多字段生成SQL语句的函数
2014/11/05 PHP
php实现留言板功能(会话控制)
2017/05/23 PHP
Dojo之路:如何利用Dojo实现Drag and Drop效果
2007/04/10 Javascript
js 多种变量定义(对象直接量,数组直接量和函数直接量)
2010/05/24 Javascript
js字符串操作方法实例分析
2015/05/06 Javascript
JavaScript中的parse()方法使用简介
2015/06/12 Javascript
基于jQuery实现左右图片轮播(原理通用)
2015/12/24 Javascript
微信小程序开发教程-手势解锁实例
2017/01/06 Javascript
bootstrap动态调用select下拉框的实例代码
2018/08/09 Javascript
Vue 配合eiement动态路由,权限验证的方法
2018/09/26 Javascript
js页面加载后执行的几种方式小结
2020/01/30 Javascript
JavaScript实现好看的跟随彩色气泡效果
2020/02/06 Javascript
jquery实现垂直手风琴导航栏
2020/02/18 jQuery
深入理解Antd-Select组件的用法
2020/02/25 Javascript
js实现mp3录音通过websocket实时传送+简易波形图效果
2020/06/12 Javascript
js实现tab栏切换效果
2020/08/02 Javascript
[01:07:47]Secret vs Optic Supermajor 胜者组 BO3 第一场 6.4
2018/06/05 DOTA
利用Python中的pandas库对cdn日志进行分析详解
2017/03/07 Python
使用C++扩展Python的功能详解
2018/01/12 Python
python读文件保存到字典,修改字典并写入新文件的实例
2018/04/23 Python
python设置环境变量的作用和实例
2019/07/09 Python
python flask几分钟实现web服务的例子
2019/07/26 Python
Python中的self用法详解
2019/08/06 Python
python计算Content-MD5并获取文件的Content-MD5值方式
2020/04/03 Python
python如何判断IP地址合法性
2020/04/05 Python
详解Python 循环嵌套
2020/07/09 Python
Python用来做Web开发的优势有哪些
2020/08/05 Python
python字典通过值反查键的实现(简洁写法)
2020/09/30 Python
斯德哥尔摩通票:Stockholm Pass
2018/01/09 全球购物
以设计师精品品质提供快速时尚:Mostata
2019/05/10 全球购物
教师实习期自我鉴定
2013/10/06 职场文书
知识改变命运演讲稿
2014/05/21 职场文书
消防安全宣传标语
2014/06/07 职场文书
我们的节日端午节活动总结
2015/02/11 职场文书
redis不能访问本机真实ip地址的解决方案
2021/07/07 Redis
Win11怎么启动任务管理器?Win11启动任务管理器的几种方法
2021/11/23 数码科技