获取选中_【字节】如何实现选中复制的功能

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')

关注我

我是山月，正致力于每天用五分钟能够看完的简短答案回答一个大厂高频面试题。扫码添加我的微信，备注进群，加入高级前端进阶群.

欢迎关注公众号【互联网大厂招聘】，定时推送大厂内推信息及面试题简答，每天学习五分钟，半年进入大厂中

获取选中_【字节】如何实现选中复制的功能相关推荐

JAVA之获取JavaSwing复选框JCheckBox选中的值（内容）
JAVA之获取JavaSwing复选框JCheckBox选中的值(内容) package shishi;import java.awt.BorderLayout; import java.awt.Co ...
jquery如何获取checkbox，并判断是否选中
2019独角兽企业重金招聘Python工程师标准>>> jquery如何获取checkbox,并判断是否选中 <div id="divId" class=& ...
jtextpane设置不能选中_你会设置数据有效性吗？
混乱的数据格式.以及合并单元格乱用,将导致后期处理痛不欲生.笔者曾在各大Excel论坛逛过,发现绝大多少的Excel问题都是数据源不规范引起.一个标准的源数据报表对后期的汇总起着非常重要作用.但在生活 ...
js,jquery获取复选框checkbox被选中的值
转载:https://blog.csdn.net/qq_35792598/article/details/76646983 <!DOCTYPE html PUBLIC "-//W3C/ ...
jquery获取复选框checkbox被选中的值
获取复选框基本操作 html代码 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "h ...
html获取选中复选框的值,获取html复选框列表选中的值隐藏字段
如何获取选中的复选框id到一个隐藏的变量?获取html复选框列表选中的值隐藏字段我收到此错误. SyntaxError: unterminated string literal var test = ...
jquery中如何获取select 下拉框默认选中的值？
通过id获取下拉框默认选中的值 <select class="form-control" id="numbers"><option value ...
jquery 获取或设置radio单选框选中值的方法
jquery 获取或设置radio单选框选中值的代码 1.获取选中值,三种方法都可以: 2.设置第一个Radio为选中值: 3.设置最后一个Radio为选中值: 4.根据索引值设置任意一个radio为 ...
jquery粘贴按钮_实现前端点击按钮自动复制剪贴板功能
[目录] 明确需求 html分析代码实现 css分析 js分析代码实现只要是文本,长按选中就可以复制,但是需求来了挡也挡不住: 明确需求为了提升用户体验,点击[复制]按钮就自动复制到剪贴板,那 ...
python中如何实现复制粘贴_复制粘贴功能的Python程序 python 中如何实现
python 中如何实现对文件的复制.粘贴虽然小编心有不甘,可是小编也明白,这辈子就只能陪你到这了. 比如说:小编想将"c:\123\1.txt"复制到"d:\新建文件夹 ...

获取选中_【字节】如何实现选中复制的功能

选中: Selection API

复制: execCommand

更多面试

关注我

获取选中_【字节】如何实现选中复制的功能相关推荐

最新文章

热门文章