js 實現點選複製文字內容
阿新 • • 發佈:2022-01-26
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