如何實現選中複製的功能

在一些博客系統，如掘金的博客中，能夠複製代碼，它是如何實現的

Issuse 連接，歡迎交流: 【Q019】如何實現選中複製的功能

它通常能夠使用第三方庫 clipboard.js 來實現，源碼很簡單，能夠讀一讀

主要有兩個要點

1. 選中
2. 複製

選中

選中主要利用了 Selection API

選中的代碼以下

const selection = window.getSelection();
const range = document.createRange();

range.selectNodeContents(element);
selection.removeAllRanges();
selection.addRange(range);

selectedText = selection.toString();
複製代碼

取消選中的代碼以下

window.getSelection().removeAllRanges();
複製代碼

它有現成的第三方庫能夠使用: select.js

複製

複製就比較簡單了，execCommand

document.exec('copy')
複製代碼

---

勤學如春起之苗，不見其增，日有所長。 所以我在 github 上新建了一個倉庫 日問，天天至少一個問題。有關全棧，graphql，devops，微服務以及軟技能，促進職業成長，歡迎交流。