如何使用按鈕將文本從 h1 復制到剪貼板

Question

這是Javascript代碼。 我需要復制所有的numlength。 （所以5個隨機字母）

let numberArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
let boxEl = document.getElementById("numberbox-el")


let numlength = 5

function generate() {
    let generateNum = Math.floor(Math.random() * numberArray.length)
    
    return numberArray[generateNum]
}

function displayNum() {
    let display = ""
    for (let i = 0; i < numlength; i++) {
    display += generate()
    }
    boxEl.textContent = "Characters: " + display

}

這是 HTML 代碼，我正在嘗試創建一個將 <h1 復制到我的剪貼板的按鈕

<html>
    <head>
        <link rel="stylesheet" href="cssnumbergen.css">
    </head>
<body>
<h1 id="numberbox-el" >Characters:</h1>
<button id="generateNum" onclick="displayNum()" >Generate Characters!</button>

<script src="NumberGen.js"></script>
</body>
</html>

Answer 1

navigator.clipboard.writeText(document.querySelector("#numberbox-el").innerText)

這適用於大多數瀏覽器。

如何使用按鈕將文本從 h1 復制到剪貼板

問題描述

1 個解決方案

解決方案1
0 已采納 2022-07-12 00:05:59

如何使用按鈕將文本從 h1 復制到剪貼板

問題描述

1 個解決方案

解決方案1 0 已采納 2022-07-12 00:05:59

解決方案1
0 已采納 2022-07-12 00:05:59