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() 方法只对 input
和 textarea
有效,所以,要获取到点击的值,放到input标签中,再选中复制。
本文来自博客园,作者:XiaoTiaoHu,转载请注明原文链接:https://www.cnblogs.com/xiaotiaohu/p/15845809.html