选择文本和突出显示选择或获取选择值(反应) [英] Select Text & highlight selection or get selection value (React)
本文介绍了选择文本和突出显示选择或获取选择值(反应)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个显示一些跨度的React应用程序:
I have a React application which displays some spans:
<span>Hello</span> <span>my</span> <span>name</span> <span> is </span> ...
我希望用户像这样
..然后获取选定的值,或突出显示文本等。
我将如何在React中做到这一点?我不确定要使用什么事件处理程序以及如何掌握当前选择!
..and then get the selected value, or highlight the text etc. How would I do this in React? I am not sure what event handlers to use and how to get hold of the current selection! A minimal example or a hint would be appreciated!
推荐答案
没有针对特定React的解决方案。只需使用 window.getSelection API。
There is no React-specific solution for this. Just use window.getSelection API.
要输出突出显示的文本,请运行 window.getSelection()。toString()
To output highlighted text run window.getSelection().toString()
这篇关于选择文本和突出显示选择或获取选择值(反应)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文