溫馨提示×

JS如何實現(xiàn)點擊復(fù)制鏈接功能

js
小億
818
2023-07-31 22:23:49
欄目: 編程語言

在JavaScript中，可以使用document.execCommand('copy')方法來實現(xiàn)點擊復(fù)制鏈接功能。具體實現(xiàn)步驟如下：

  1. 首先需要將要復(fù)制的鏈接文本保存到一個變量中，例如var link = 'https://www.example.com'。

  2. 創(chuàng)建一個隱藏的textarea元素，將鏈接文本作為其值。

  3. 將該textarea元素添加到文檔中。

  4. 使用select()方法選中textarea中的內(nèi)容。

  5. 使用document.execCommand('copy')方法執(zhí)行復(fù)制操作。

  6. 在復(fù)制完成后，將textarea元素從文檔中移除。

下面是一個示例代碼：

function copyLink() {
var link = 'https://www.example.com';
var textarea = document.createElement('textarea');
textarea.value = link;
document.body.appendChild(textarea);
textarea.select();
document.execCommand('copy');
document.body.removeChild(textarea);
alert('鏈接已復(fù)制到剪貼板！');
}

在HTML中，可以將該函數(shù)綁定到一個按鈕的點擊事件上，例如：

<button onclick="copyLink()">復(fù)制鏈接</button>

1 踩