当用户在文本框中选择一些文本时，我们可能需要获取该文本以便进行进一步处理。在这篇文章中，我们将学习如何使用 JavaScript 获取文本框中的选定文本。
步骤一：获取文本框
首先，我们需要获取目标文本框的引用。我们可以使用 document.getElementById() 方法来获取它的引用，如下所示：
var textBox = document.getElementById("myTextBox");请注意，我们必须为文本框指定一个唯一的 id 属性，并将其作为参数传递给 getElementById() 方法。如果我们没有为文本框指定 id 属性，或者 id 不是唯一的，那么此方法将无法找到正确的元素。
步骤二：获取选定文本
一旦我们获取了目标文本框的引用，就可以使用 selectionStart 和 selectionEnd 属性来确定选中文本的位置。这两个属性分别表示选定文本的起始和终止位置，以字符为单位。
var selectedText = textBox.value.substring(textBox.selectionStart, textBox.selectionEnd);
在上面的代码中，我们使用 substring() 方法从文本框的值中提取选定文本。我们将 selectionStart 和 selectionEnd 作为参数传递给 substring() 方法，以提取相应的子字符串。
完整示例代码
下面是一个完整的示例代码，演示如何获取文本框中的选定文本：
-- -------------------- ---- ------- --------- ----- ------ ------ ---------------------- ------- ------ ---------- -------------- --------- ------------------------------ ----- -------- ------------------------------------------- --------- ---------- ----------------- - ------ ------- - ------------------------------------- ------ ------------ - ----------------------------------------------- ---------------------- ----------------------- --- ---------- ------- -------
在上面的代码中，我们创建一个包含示例文本的文本框，并附加一个按钮。当用户选择文本并单击按钮时，我们调用 getSelectedText() 函数来获取选定文本并弹出一个警告框显示它。
结论
使用 JavaScript 获取文本框中的选定文本并不难，只需要两个简单的步骤。希望本文能够帮助你更好地理解如何处理文本框中的选定文本，并为你的前端开发工作提供帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27394