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 相关文章推荐
vs2003 js文件编码问题的解决方法
Mar 20 Javascript
javascript 弹出的窗口返回值给父窗口具体实现
Nov 23 Javascript
JavaScript插件化开发教程(六)
Feb 01 Javascript
JavaScript来实现打开链接页面的简单实例
Jun 02 Javascript
通过JS获取Request.QueryString()参数的值实现方法
Sep 27 Javascript
angular实现form验证实例代码
Jan 17 Javascript
3种vue组件的书写形式
Nov 29 Javascript
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
jQuery实现的3D版图片轮播示例【滑动轮播】
Jan 18 jQuery
vue中的mvvm模式讲解
Jan 31 Javascript
详解Vue3.0 前的 TypeScript 最佳入门实践
Jun 18 Javascript
vue mvvm数据响应实现
Nov 11 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 获取MSN好友列表的代码(2009-05-14测试通过)
2009/09/09 PHP
作为PHP程序员应该了解MongoDB的五件事
2013/06/03 PHP
PHP扩展迁移为PHP7扩展兼容性问题记录
2016/02/15 PHP
详解PHP素材图片上传、下载功能
2019/04/12 PHP
URL编码转换,escape() encodeURI() encodeURIComponent()
2006/12/27 Javascript
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
2013/01/04 Javascript
javascript 应用小技巧方法汇总
2015/07/05 Javascript
JavaScript实现显示函数调用堆栈的方法
2016/04/21 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
2016/09/24 Javascript
JavaScript实现图片懒加载(Lazyload)
2016/11/28 Javascript
Angular实现一个简单的多选复选框的弹出框指令实例
2017/04/25 Javascript
详解webpack分包及异步加载套路
2017/06/29 Javascript
vue.js的vue-cli脚手架中使用百度地图API的实例
2019/01/21 Javascript
微信小程序3种位置API的使用方法详解
2019/08/05 Javascript
jQuery插件simplePagination的使用方法示例
2020/04/28 jQuery
微信小程序:报错(in promise) MiniProgramError
2020/10/30 Javascript
[02:45]DOTA2英雄敌法师基础教程
2013/11/25 DOTA
Python常用内置函数总结
2015/02/08 Python
记一次python 内存泄漏问题及解决过程
2018/11/29 Python
在pycharm中设置显示行数的方法
2019/01/16 Python
Python基于OpenCV实现人脸检测并保存
2019/07/23 Python
pip安装python库的方法总结
2019/08/02 Python
Python猴子补丁知识点总结
2020/01/05 Python
Python @property原理解析和用法实例
2020/02/11 Python
numpy中生成随机数的几种常用函数(小结)
2020/08/18 Python
CSS3 三维变形实现立体方块特效源码
2016/12/15 HTML / CSS
在线学习西班牙语、法语或其他语言:Babbel.com
2018/02/07 全球购物
西班牙香水和化妆品连锁店:Druni
2019/05/05 全球购物
自主招生自荐书
2013/11/29 职场文书
2014年公司植树节活动方案
2014/03/04 职场文书
创建学习型党组织实施方案
2014/03/29 职场文书
建筑工程专业大学生求职信
2014/04/23 职场文书
美术专业自荐信
2014/07/07 职场文书
新党章的学习心得体会
2014/11/07 职场文书
新闻稿标题
2015/07/18 职场文书
MySQL开启事务的方式
2021/06/26 MySQL