获取文本选择选项 jQuery - JavaScript

在网页开发中，我们常常需要获取用户在页面中选中的文本。jQuery与JavaScript都提供了获取文本选择选项的方法。

使用jQuery的方法：

// 获取选中的文本
var selectedText = window.getSelection().toString();

// 获取选中的原文本
var selection = window.getSelection();
if (selection.rangeCount) {
    var range = selection.getRangeAt(0);
    var selectedText = range.toString();
}

// 获取选中文本的节点
var selection = window.getSelection();
if (selection.rangeCount) {
    var range = selection.getRangeAt(0);
    var selectedNode = range.commonAncestorContainer;
}

使用JavaScript的方法：

// 获取选中的文本
var selectedText = window.getSelection().toString();

// 获取选中的原文本
var selection = window.getSelection();
if (selection.rangeCount) {
    var range = selection.getRangeAt(0);
    var selectedText = range.toString();
}

// 获取选中文本的节点
var selection = window.getSelection();
if (selection.rangeCount) {
    var range = selection.getRangeAt(0);
    var selectedNode = range.commonAncestorContainer;
}

以上代码片段展示了如何使用jQuery和JavaScript获取用户选择的文本、原文本和节点。在获取选中的原文本和节点时，我们使用了Range对象，首先获取页面中的所有Range对象，然后通过getRangeAt()方法获取第一个Range对象，最后通过Range对象的相关方法获取原文本和节点。

注意：以上代码只是展示了获取选中文本的方式，如需在选中文本上进行操作，需要经过更多的代码实现。

参考文献：

• Using JavaScript/JQuery to obtain selected text in TextArea
• Get the Highlighted/Selected text