不多说直接上
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);"