JS如何實現點選複製功能，JS點選複製文字

ytsee發表於2024-04-06
JS

div，p等標籤不可以，建一個文字框標籤，不能給display:none; 我們需要對他進行一個定位，讓透明看不見找不到，點選複製，將需要複製的內容賦值給文字框，接著對文字框進行全選，在進行復制操作即可

<p id="content">部落格園</p>
<textarea id="text" style="position: fixed;top: 10000px;left: 10000px;opacity: 0;"></textarea>
<button id="CopyBtn">點選複製</button>

<script>
    var content = document.getElementById("content").innerText;
    var text = document.getElementById("text");
    var CopyBtn = document.getElementById("CopyBtn");
    CopyBtn.onclick = function(){
        // 將需要複製的內容賦值給文字框
        text.value = content;
        // 選中文字框的內容
        text.select();
        // 對選中的內容進行復制
        document.execCommand("copy");
    }
</script>

　　

相關文章