在JavaScript中,可以使用document.execCommand('copy')
方法來實現點擊復制鏈接功能。具體實現步驟如下:
首先需要將要復制的鏈接文本保存到一個變量中,例如var link = 'https://www.example.com'
。
創建一個隱藏的textarea
元素,將鏈接文本作為其值。
將該textarea
元素添加到文檔中。
使用select()
方法選中textarea
中的內容。
使用document.execCommand('copy')
方法執行復制操作。
在復制完成后,將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('鏈接已復制到剪貼板!');
}
在HTML中,可以將該函數綁定到一個按鈕的點擊事件上,例如:
<button onclick="copyLink()">復制鏈接</button>