选择文本和突出显示选择或获取选择值(反应) [英] Select Text & highlight selection or get selection value (React)

查看:60
本文介绍了选择文本和突出显示选择或获取选择值(反应)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个显示一些跨度的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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆