
- <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");
- // 提示已复制
- alert(' 已复制 ');
- }
- </script>
select() 方法只对 <input> 和 <textarea> 有效,所以,要获取到点击的值,放到 input 标签中,再选中复制