js  实现点击复制文本内容


<table>
<tr><td>姓名:<span onclick="copyContent(this);" title="点击复制">张 三</span></td></tr>
<tr><td>姓名:<span onclick="copyContent(this);" title="点击复制">李 四</span></td></tr>
</table> <input id="copy_content" type="text" value=""  style="position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;"/> <script type="text/javascript">
function copyContent(ElementObj){
//获取点击的值
var clickContent = ElementObj.innerText;
//获取要赋值的input的元素
var inputElement = document.getElementById("copy_content");
//给input框赋值
inputElement.value = clickContent;
//选中input框的内容
inputElement.select();
// 执行浏览器复制命令
document.execCommand("Copy");
//提示已复制
alter('已复制'); }
</script>

select() 方法只对 <input> 和 <textarea> 有效,所以,要获取到点击的值,放到input标签中,再选中复制。


最新文章

  1. 零基础如何系统学习Java Web
  2. [java] 找出字符串中出现最多的字符和出现的次数
  3. KVO机制浅析和实例演示
  4. JQuery 可见性过滤选择器
  5. WebService IIS 部署
  6. iOS_SN_百度地图基本使用(1)
  7. Spring Boot 2.0(五):Docker Compose + Spring Boot + Nginx + Mysql 实践
  8. Bootstrap-datepicker3官方文档中文翻译---Options/选项(原文链接 http://bootstrap-datepicker.readthedocs.io/en/latest/index.html)
  9. Java的几种设计模式
  10. 洛谷P1776 宝物筛选
  11. 【转】Python3 (入门6) 库的打包与安装
  12. Linux记录-定时crontab
  13. pyqt5界面使用
  14. 快速排序的Java和python实现,亲测实际可用
  15. shell杂记
  16. require.js text 插件使用
  17. jQuery的一个关键函数
  18. 【C语言】-返回指针的函数与指向函数的指针
  19. 深入解读Job System(1)
  20. GIL 线程池 进程池 同步 异步 阻塞 非阻塞

热门文章

  1. 每天一个linux命令(13):less命令
  2. 日志切割logrotate和定时任务crontab详解
  3. 【jenkins】jenkins执行nohup java报错
  4. destoon 后台入口文件weigouadmin.php解析
  5. IDEA入门学习笔记1:资料收集
  6. leetcode-26-exercise_linked-list
  7. CF 510b Fox And Two Dots
  8. Mysql主键一致时,可以进行在元数据上的操作
  9. 数据挖掘算法——Apriori
  10. Python属性描述符(二)