js实现点击复制文本内容

mac2022-06-30  22

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标签中,再选中复制。


 

转载于:https://www.cnblogs.com/gyfluck/p/10254846.html

相关资源:JAVA上百实例源码以及开源项目
最新回复(0)