获取选定的文本输入javascript

在开发中，经常需要获取用户在页面选中的文本内容，本文将介绍如何通过JavaScript轻松完成该任务。

window.getSelection()方法

window.getSelection()方法可返回一个与当前选区匹配的Selection对象。通过该对象我们就可以获取选中的文本内容、起始结束位置以及选中的父节点等信息。

示例代码：

const selection = window.getSelection();
const selectedText = selection.toString();
console.log(selectedText);

以上代码中，我们通过window.getSelection().toString()来获取选中的文本内容，并在控制台输出。

document.getSelection()方法

document.getSelection()是window.getSelection()方法的一个别名，所以也可以用来获取选中的文本内容。

示例代码：

const selection = document.getSelection();
const selectedText = selection.toString();
console.log(selectedText);

兼容性

window.getSelection() 和 document.getSelection()两个方法在所有现代浏览器中都可用，但在IE9及以下版本中只能使用document.selection.createRange().text来获取选中文本内容。

结束语

以上方法可以帮助我们获取用户选中的文本内容，实现更多的交互效果。但在开发中，需要注意浏览器的兼容性问题。