js读取选择的文本

在使用滑词翻译插件的时候,能看到当鼠标选择某段文本的时候就能对其进行翻译,那么背后的原理是什么呢?

当选中一段文本的时候,通过 window.getSelection()document.getSelection() 可以获得一个Selection对象,用于表示用户选择的文本范围或插入符的当前位置。

1
2
3
4
5
6
7
var selection = window.getSelection() 

var selection = document.getSelection()

/**
* 除了能读取选择的文本,还能读取该文本所在标签内所有的内容
*/

通过附加空字符串、调用 Selection.toString() 、调用 String() 方法来获取选中的文本

1
2
3
4
5
var selectedText = selection + ''

var selectedText = String(selection)

var selectedText = selection.toString()

更多参数参考:https://blog.csdn.net/weixin_42420703/article/details/84892528