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

如下所示：

rush:js;"> <br /> <input type="button" onClick="jsCopy();" value="复制" /></pre> </div> <p><span style="background-color: #ccffcc"><h3>js复制无非是以下三步：</h3></p> <p>1、<a href="https://www.jb51.cc/tag/huoqu/" target="_blank" class="keywords">获取</a>复制的对象：document.getElementById("contents")这句话就是<a href="https://www.jb51.cc/tag/huoqu/" target="_blank" class="keywords">获取</a>ID=“contents”的textarea。</p> <p>2、全选对象的<a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a>：e.select()</p> <p>3、用execCommand("")<a href="https://www.jb51.cc/tag/hanshu/" target="_blank" class="keywords">函数</a>将<a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a>复制。</p> <p><h3>下面来详细介绍execCommand("")<a href="https://www.jb51.cc/tag/hanshu/" target="_blank" class="keywords">函数</a>的参数：</h3></p> <p>1、格式：document.execCommand(sCommand[,交互方式,动态参数])</p> <p>2、参数详解：</p> <p><h3>1、〖全选〗命令的实现</h3> [格式]：document.execCommand(”selectAll”) [说明]将选种网页中的全部<a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a>！ <h3>2、〖打开〗命令的实现</h3> [格式]：document.execCommand(”open”) [说明]这跟VB等编程设计中的web<a href="https://www.jb51.cc/tag/bro/" target="_blank" class="keywords">bro</a>wser控件中的命令有些相似，大家也可依此琢磨琢磨。 <h3>3、〖另存为〗命令的实现</h3> [格式]：document.execCommand(”saveAs”) [说明]将该网页保存到本地盘的其它目录！ <h3>4、〖打印〗命令的实现</h3> [格式]：document.execCommand(”print”) [说明]当然，你必须装了打印机！ <p><span style="color: #ff00ff"><h3>Js<a href="https://www.jb51.cc/tag/daima/" target="_blank" class="keywords">代码</a>下面列出的是指令参数及意义</h3></p><br /> <div class="jb51code"><br /> <pre class="b<a href="https://www.jb51.cc/tag/rush/" target="_blank" class="keywords">rush</a>:js;"><br /> //相当于单击<a href="https://www.jb51.cc/tag/wenjian/" target="_blank" class="keywords">文件</a>中的打开按钮<br /> document.execCommand(”Open”);</p> <p>//将<a href="https://www.jb51.cc/tag/dangqianyemian/" target="_blank" class="keywords">当前页面</a>另存为<br /> document.execCommand(”SaveAs”);</p> <p>//剪贴选中的<a href="https://www.jb51.cc/tag/wenzi/" target="_blank" class="keywords">文字</a>到剪贴板;<br /> document.execCommand(”Cut”,”false”,null);</p> <p>//<a href="https://www.jb51.cc/tag/shanchu/" target="_blank" class="keywords">删除</a>选中的<a href="https://www.jb51.cc/tag/wenzi/" target="_blank" class="keywords">文字</a>;<br /> document.execCommand(”Delete”,null);</p> <p>//改变选中区域的字体;<br /> document.execCommand(”FontName”,sFontName);</p> <p>//改变选中区域的字体大小;<br /> document.execCommand(”FontSize”,sSize|iSize);</p> <p>//设置前景颜色;<br /> document.execCommand(”ForeColor”,sColor);</p> <p>//使绝对定位的对象可直接拖动;<br /> document.execCommand(”2D-Position”,”true”);</p> <p>//使对象定位变成绝对定位;<br /> document.execCommand(”AbsolutePosition”,”true”);</p> <p>//设置背景颜色;<br /> document.execCommand(”BackColor”,sColor);</p> <p>//使选中区域的<a href="https://www.jb51.cc/tag/wenzi/" target="_blank" class="keywords">文字</a>加粗;<br /> document.execCommand(”Bold”,null);</p> <p>//复制选中的<a href="https://www.jb51.cc/tag/wenzi/" target="_blank" class="keywords">文字</a>到剪贴板;<br /> document.execCommand(”<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>y”,null);</p> <p>//设置指定锚点为书签;<br /> document.execCommand(”CreateBookmark”,sAnchorName);</p> <p>//将选<a href="https://www.jb51.cc/tag/zhongwen/" target="_blank" class="keywords">中文</a>本变成超连接,若第二个参数为true,会出现参数设置对话框;<br /> document.execCommand(”CreateLink”,sLinkURL);</p> <p>//设置当前块的<a href="https://www.jb51.cc/tag/biaoqian/" target="_blank" class="keywords">标签</a>名;<br /> document.execCommand(”FormatBlock”,sTagName);</p> <p>//相当于单击<a href="https://www.jb51.cc/tag/wenjian/" target="_blank" class="keywords">文件</a>中的打开按钮<br /> document.execCommand(”Open”);</p> <p>//将<a href="https://www.jb51.cc/tag/dangqianyemian/" target="_blank" class="keywords">当前页面</a>另存为<br /> document.execCommand(”SaveAs”);</p> <p>//剪贴选中的<a href="https://www.jb51.cc/tag/wenzi/" target="_blank" class="keywords">文字</a>到剪贴板;<br /> document.execCommand(”Cut”,sTagName);</pre></p> </div> <p>注：火狐<a href="https://www.jb51.cc/tag/buzhichi/" target="_blank" class="keywords">不支持</a>此<a href="https://www.jb51.cc/tag/fangfa/" target="_blank" class="keywords">方法</a>！</p> <p>以上就是小编为大家带来的js复制<a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a>到剪贴板<a href="https://www.jb51.cc/tag/daima/" target="_blank" class="keywords">代码</a>,js的简单实例全部<a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a>了，希望大家多多<a href="https://www.jb51.cc/tag/zhichi/" target="_blank" class="keywords">支持</a>编程之家~</p><div class="topcard-tags"></div> </div> </div> </div> <!-- row end--> <div class="clearfix"></div> <!-- row --> <div class="col-sm-12 col-md-12 col-lg-12"> <div class="card"> <div class="title"><h1>相关文章</h1></div><div class="list_con"> <img src="https://m.jb51.cc/res/2024/09-25/18/879e7ec08a36083a57dfc8b44214469d.gif" width="100" height="64" style="float:right;margin-left:20px;" /> <div class="title"> <a href="https://m.jb51.cc/js/4742335.html" title="自定义web弹窗/层：简易风格的msg与可拖放的dialog，生成博客园文章目录弹窗">自定义web弹窗/层：简易风格的msg与可拖放的dialog，生成博客园文章目录弹窗</a> </div> <div class="summary">前言 做过web项目开发的人对layer弹层组件肯定不陌生，作为l...</div> </div><div class="list_con"> <img src="https://m.jb51.cc/res/2024/09-25/18/84bd76d88488cafdfb2789b5a991fecf.png" width="100" height="64" style="float:right;margin-left:20px;" /> <div class="title"> <a href="https://m.jb51.cc/js/4742334.html" title="nice-validator表单验证插件的简单使用">nice-validator表单验证插件的简单使用</a> </div> <div class="summary">前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...</div> </div><div class="list_con"> <img src="https://m.jb51.cc/res/2024/09-25/18/cf659cff914621d918c6072273c30973.gif" width="100" height="64" style="float:right;margin-left:20px;" /> <div class="title"> <a href="https://m.jb51.cc/js/4742333.html" title="基于“formData批量上传的多种实现” 的多图片预览、上传的多种实现">基于“formData批量上传的多种实现” 的多图片预览、上传的多种实现</a> </div> <div class="summary">前言 图片上传是web项目常见的需求，我基于之前的博客的代码...</div> </div><div class="list_con"> <img src="https://m.jb51.cc/res/2024/09-25/18/02f80db4fdf55f3a24674e2854e018f2.png" width="100" height="64" style="float:right;margin-left:20px;" /> <div class="title"> <a href="https://m.jb51.cc/js/4742332.html" title="踹掉后端，前端导出Excel！">踹掉后端，前端导出Excel！</a> </div> <div class="summary">前言 导出Excel文件这个功能，通常都是在后端实现返回前端一...</div> </div><div class="list_con"> <img src="https://m.jb51.cc/res/2024/09-25/18/db8dce1453ed09a8230451f2a9fcdc68.png" width="100" height="64" style="float:right;margin-left:20px;" /> <div class="title"> <a href="https://m.jb51.cc/js/4742331.html" title="Web Worker——js的多线程，实现统计博客园总阅读量、总评论量、总推荐量">Web Worker——js的多线程，实现统计博客园总阅读量、总评论量、总推荐量</a> </div> <div class="summary">前言 众所周知，js是单线程的，从上往下，从左往右依次执行，...</div> </div><div class="list_con"> <img src="https://m.jb51.cc/res/2024/09-25/18/1cd1c972ce822d1a99b7d1b2c8f9cfcd.png" width="100" height="64" style="float:right;margin-left:20px;" /> <div class="title"> <a href="https://m.jb51.cc/js/4742330.html" title="select标签 禁止选择但又能通过序列化form表单传值到后台">select标签 禁止选择但又能通过序列化form表单传值到后台</a> </div> <div class="summary">前言 项目开发中，我们可能会碰到这样的需求：select标签，禁...</div> </div></div> </div> <!-- row end--> </div> </div> <footer id="footer"> <div class="container"> <div class="copyright"> Copyright © 2018 编程之家. 当前版本 V7.0.16<br> <span class="ml5">编程之家 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">闽ICP备13020303号-8</a> </div> </div> </footer> <script src="https://m.jb51.cc/js/count.js"></script> </body> </html>