js点击复制

不多说直接上
js点击复制

 <!-- 点击复制 -->
 <p class="code" onclick="copyContent(this);">我要复制</p>
<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>

效果：

我要复制，点击

这样就ok了，需要复制的地方直接在标签加这个：οnclick="copyContent(this);"