JavaScript获取选中文本的方法代码详解

获取选中的文本的 JavaScript 方法代码 在 Web 开发中，获取用户选中的文本是一个常见的需求，例如在富文本编辑器中，获取用户选中的文本以便进行进一步的处理。JavaScript 提供了多种方法来获取选中的文本，本文将介绍两种常见的方法。 方法一：使用 document.selection.createRange() 和 window.getSelection() 在 IE 浏览器中，可以使用 `document.selection.createRange()` 方法来获取选中的文本，而在其他浏览器中，可以使用 `window.getSelection()` 方法。下面是一个示例代码： ```javascript function getSelectText() { try { // IE: document.selection.createRange() // W3C: window.getSelection() var selectText = (document.selection ? document.selection.createRange() : window.getSelection()).toString(); if (selectText != null && selectText.trim() != "") { return selectText; } } catch (err) {} } ``` 方法二：使用 Range 对象 在 W3C 浏览器中，可以使用 `Range` 对象来获取选中的文本。下面是一个示例代码： ```javascript function getSelectText2(id) { var t = document.getElementById(id); if (window.getSelection) { var range = window.getSelection().getRangeAt(0); var selectText = range.toString(); if (selectText != null && selectText.trim() != "") { return selectText; } } } ``` 在上面的代码中，我们使用 `window.getSelection()` 方法来获取当前的选中文本，然后使用 `getRangeAt(0)` 方法来获取选中文本对应的 `Range` 对象，最后使用 `toString()` 方法来获取选中文本的字符串形式。 实践应用 获取选中的文本有很多实践应用，例如： * 在富文本编辑器中，获取用户选中的文本以便进行格式化处理。 * 在文本搜索中，获取用户选中的文本以便进行搜索。 * 在复制粘贴操作中，获取用户选中的文本以便进行处理。 获取选中的文本是 JavaScript 编程中一个常见的需求，通过使用 `document.selection.createRange()` 和 `window.getSelection()` 方法，可以轻松地获取选中的文本。