按鈕var到剪貼板

在下面的函式中有這個 var 鏈接。通過單擊按鈕，我想將 var 復制到剪貼板。

function displayUser(user) {
    
var text = `Account No.: ${user.userId} <br> Country: ${user.country} <br> 
 "<button onclick="copyToClipboard(link)"> Copy Link</button>"`;
var link = `${user.Url}`;

grid.innerHTML  = text;
}

function user(data) {
    data.result.roomList.forEach((user) => displayUser(user));
}

我在這里找到并嘗試的是這個功能：

function copyToClipboard(link){
    var dummy = document.createElement("input");
    dummy.style.display = 'none';
    document.body.appendChild(dummy);
    dummy.setAttribute("id", "dummy_id");
    document.getElementById("dummy_id").value=link;
    dummy.select();
    document.execCommand("copy");
    document.body.removeChild(dummy);

通過單擊按鈕，它會顯示“未定義鏈接”。任何人都知道如何使這項作業？

提前致謝

uj5u.com熱心網友回復：

這部分應該是：

function displayUser(user) {
    
    var link = user.Url;
    var text = `Account No.: ${user.userId} <br> Country: ${user.country} <br> 
    "<button onclick="copyToClipboard(${link})"> Copy Link</button>"`;

    grid.innerHTML  = text;
}

function user(data) {
    data.result.roomList.forEach((user) => displayUser(user));
}

變數鏈接無法訪問，因為您在之后定義了它，而且您沒有正確地將其括起來

uj5u.com熱心網友回復：

你可以這樣做。這并沒有使復制到剪貼板作業，但這就是您可以將它傳遞給您想要的函式的方式。

function displayUser(user) {
    
    var grid = document.getElementById("testgrid");
    console.log(grid);

    var link = `${user.Url}`;
    var text = `Account No.: ${user.userId} <br> Country: ${user.country} <br> 
     <button onclick="copyToClipboard('${link}')"> Copy Link</button>`;
    
    grid.innerHTML  = text;
}
    
function user(data) {
    data.result.roomList.forEach((user) => displayUser(user));
}

function copyToClipboard(link){
    console.log(link);
    var dummy = document.createElement("input");
    dummy.style.display = 'none';
    document.body.appendChild(dummy);
    dummy.setAttribute("id", "dummy_id");
    document.getElementById("dummy_id").value=link;
    dummy.select();
    document.execCommand("copy");
    document.body.removeChild(dummy);
}

displayUser({Url: "bla", country: "blabla"});

uj5u.com熱心網友回復：

我嘗試了現在看起來像這樣的 Cypherjac 版本。我不再收到錯誤訊息，但剪貼板中也沒有結果。

function displayUser(user) {

var link = user.Url;
var text = `Account No.: ${user.userId} <br> Country: ${user.country} <br> 
<button onclick="copyToClipboard(${link})"> Copy Link</button>`;

grid.innerHTML  = text;
}

function user(data) {
  data.result.roomList.forEach((user) => displayUser(user));
}

function copyToClipboard(link){
    var dummy = document.createElement("input");
    dummy.style.display = 'none';
    document.body.appendChild(dummy);
    dummy.setAttribute("id", "dummy_id");
    document.getElementById("dummy_id").value=link;
    dummy.select();
    document.execCommand("copy");
    document.body.removeChild(dummy);
} 

然后我嘗試了現在看起來像這樣的 Chris G 的建議。但也沒有錯誤，也沒有結果。還有什么想法嗎？

let link;               
            
function displayUser(user) {
    
var text = `Account No.: ${user.userId} <br> Country: ${user.country} <br> 
 "<button onclick="copyToClipboard()"> Copy Link</button>"`;
link = user.Url;

grid.innerHTML  = text;
}

function user(data) {
    data.result.roomList.forEach((user) => displayUser(user));
}

function copyToClipboard(){
    var dummy = document.createElement("input");
    dummy.style.display = 'none';
    document.body.appendChild(dummy);
    dummy.setAttribute("id", "dummy_id");
    document.getElementById("dummy_id").value=link;
    dummy.select();
    document.execCommand("copy");
    document.body.removeChild(dummy);
}

標籤：javascript api 按钮

上一篇：如何使用Object.assign()將物件添加到現有屬性？[復制]

下一篇：返回列表