Question

在一个简单的webapp中，我有一个包含一些文本的文本区域，当用户在文本区域中突出显示一个单词，然后单击一个按钮来处理该单词时，处理程序无法获得突出显示的单词。

<input type="button" value="click" onclick="handle()"><input>
<textarea> </textarea>
<script>
function handle() {
alert(window.getSelection().toString());
}
</script>

知道怎么做吗？
感谢

UPDATE1

当我在Chrome开发者控制台中运行window.getSelection().toString()时，它确实会提供突出显示的文字，但是，当我点击按钮时。它没有任何回报。我想点击将取消突出显示突出显示的文本。

Answer 1

按照说明单击按钮将取消选择文本。一个可以解决的问题是：

绑定一个mouseup up事件并存储highlited（如果有）。以下是一些参考：Selected text event trigger in Javascript
单击该按钮可以使用存储的文本。

现在我在手机上，但是当我可以访问电脑时，我可以提供一些代码。

以下是防止高位文本丢失的一些参考：Any way to prevent "deselection" of highlighted text?

Answer 2

也许试试这个 -

窗口。（textareaID）.getselection（）。的toString

创建textareaID：

<textarea id="*your id here*><\textarea>

单击按钮可从文本区域中检索突出显示的单词

2 个答案: