js 实现点击复制文本内容

html代码

<div class="sjsj"><span>详细说明:</span>
    <div onclick="copyContent(this)">{$show.article_content|raw}</div>
</div>
<input id="copy_content" type="text" value="" style="position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;"/>

js代码

<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() 方法只对 inputtextarea 有效,所以,要获取到点击的值,放到input标签中,再选中复制。

posted @   XiaoTiaoHu  阅读(1164)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
点击右上角即可分享
微信分享提示