在输入框中获取选定文本

Get selected text in an input box

本文关键字:文本 获取 输入      更新时间:2023-09-26

是否有可能在网站的输入框中获得选定的文本,使用jQuery或香草JavaScript?

我尝试过var selectedText = window.getSelection().toString();,但是这段代码只获取段落中的文本,而不获取输入框中的文本。


编辑:也许我没说清楚,我想从一个不是我创建的网站上获取文本。我正在构建一个Chrome扩展,我需要从一个网站的输入框中获取文本。

解决方案:

function showSelectedText() {
  var input = document.getElementById('text');
  var selection = text.value.substring(input.selectionStart, input.selectionEnd);
  alert(selection);
}
<input id="text" value="Hello, how are you?"><br>
<button onclick="showSelectedText()">Show selected text</button>

如果你不介意使用jQuery插件,你可以使用这个http://madapaja.github.io/jquery.selection/

它很灵活(既可以用于输入也可以用于段落)