博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS复制内容到剪贴板
阅读量:2038 次
发布时间:2019-04-28

本文共 616 字,大约阅读时间需要 2 分钟。

实现效果:JS复制文本内容,然后快捷键Ctrl+V可以直接粘贴文本内容。

技术点:

1、document.execCommand("Copy");//执行浏览器复制命令。

2、select();//选择对象方法。

2、中间用到一个textarea,用于转换内容。

[html]   
  1. <div id="oDiv">  
  2.     1234567890  
  3. </div>  
  4. <textarea id="contents" rows="10" cols="10" style="height:0;width:0;opacity: 0;"></textarea>  
  5. <button id="btn">点击</button>  

[javascript]   
  1. var btn = document.getElementById("btn");  
  2. btn.onclick = function(){  
  3.     copyText();  
  4. }  
  5. function copyText(){   
  6.     var e=document.getElementById("contents");//获取textarea的id  
  7.     e.value = document.getElementById("oDiv").innerText;//把标签的文本内容赋值给textarea  
  8.     e.select(); //选择textarea的文本内容  
  9.     document.execCommand("Copy"); //执行浏览器复制命令  
  10. }  

转载地址:http://hnuof.baihongyu.com/

你可能感兴趣的文章
java.lang.UnsupportedOperationException解决方法
查看>>
莫名其妙的maven依赖错误的解决(不应该出现的依赖错误)
查看>>
apollo github的说明介绍
查看>>
SonarQube 跳过指定检查
查看>>
java map遍历使用并行流
查看>>
ajax异步提交 页面请求
查看>>
服务器端判断request来自Ajax请求(异步)还是传统请求(同步)
查看>>
java接口不能声明为synchronized
查看>>
前端界面调试步骤
查看>>
JSP的CSS背景样式写法
查看>>
jsp页面中jstl标签详解 包括< c> <c> <c>
查看>>
jstl c:forEach 一行排三个图片然后自动换行
查看>>
java中的BigDecimal和String的相互转换
查看>>
hadoop、storm和spark的区别、比较
查看>>
Tomcat调优总结
查看>>
hibernate hql 同时更新多个字段
查看>>
oracle键、索引、约束及其区别
查看>>
解决activemq多消费者并发处理
查看>>
网络通信分享(一):数字签名,数字证书,https通信,数据加密
查看>>
关于Class.getResource和ClassLoader.getResource的路径问题
查看>>