Barnett Demesne公園中在白雪覆蓋的山坡上玩耍的一家，北愛爾蘭貝爾法斯特
(? Stephen Barnes/Alamy)

本題摘自于我 github 上的面試每日一題：https://q.shanyue.tech，并有大廠面經及內推信息，可在左下角打開本題原文鏈接

在一些博客系統，如掘金的博客中，可以復制代碼，它是如何實現的

它一般可以使用第三方庫 clipboard.js 來實現，源碼很簡單，可以讀一讀

主要有兩個要點

選中: Selection API

復制: document.execCommand

選中: Selection API

選中主要利用了 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

復制就比較簡單了，execCommand

document.exec('copy')

更多面試

【字節-視頻架構組-前端】頭條架構組招人了內含自測題【美團】什么是防抖和節流，他們的應用場景有哪些【美團】如何獲取一個進程的內存并監控

關注我

我是山月，正致力于每天用五分鐘能夠看完的簡短答案回答一個大廠高頻面試題。掃碼添加我的微信，備注進群，加入高級前端進階群.

加我微信拉你進入面試交流群

歡迎關注公眾號【互聯網大廠招聘】，定時推送大廠內推信息及面試題簡答，每天學習五分鐘，半年進入大廠中

每天五分鐘，半年大廠中

總結

以上是生活随笔為你收集整理的获取选中_【字节】如何实现选中复制的功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。