获取选中_【字节】如何实现选中复制的功能
生活随笔
收集整理的這篇文章主要介紹了
获取选中_【字节】如何实现选中复制的功能
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Barnett Demesne公園中在白雪覆蓋的山坡上玩耍的一家,北愛爾蘭貝爾法斯特
(? Stephen Barnes/Alamy)選中: Selection API 復制: document.execCommand
const?range?=?document.createRange();
range.selectNodeContents(element);
selection.removeAllRanges();
selection.addRange(range);
selectedText?=?selection.toString();
(? Stephen Barnes/Alamy)
本題摘自于我 github 上的面試每日一題:https://q.shanyue.tech,并有大廠面經及內推信息,可在左下角打開本題原文鏈接
在一些博客系統,如掘金的博客中,可以復制代碼,它是如何實現的
它一般可以使用第三方庫 clipboard.js 來實現,源碼很簡單,可以讀一讀
主要有兩個要點
選中: 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')更多面試
【字節-視頻架構組-前端】頭條架構組招人了內含自測題【美團】什么是防抖和節流,他們的應用場景有哪些【美團】如何獲取一個進程的內存并監控關注我
我是山月,正致力于每天用五分鐘能夠看完的簡短答案回答一個大廠高頻面試題。掃碼添加我的微信,備注進群,加入高級前端進階群.
加我微信拉你進入面試交流群歡迎關注公眾號【互聯網大廠招聘】,定時推送大廠內推信息及面試題簡答,每天學習五分鐘,半年進入大廠中
每天五分鐘,半年大廠中總結
以上是生活随笔為你收集整理的获取选中_【字节】如何实现选中复制的功能的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 平稳序列的拟合和预测之序列的预测
- 下一篇: java 一个月的第一天_java中如何