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