JS实现复制HTML表格单元格内容

😂 这篇文章最后更新于1111天前,您需要注意相关的内容是否还可用。
<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标签中,再选中复制