是否可以从用户那里获取突出显示的 html 内容？

Question

当我在 reactjs 中使用 onClick 时，我得到整个 属性 就像

Lorem Ipsum 只是虚拟的 文本

。但我只需要唯一突出显示的内容，例如“is simply dummy”。怎么可能？

Answer 1

这是获取选择的代码片段

export default function App() {
  const [text, setText] = useState("");
  function getSelectedText() {
    let selectedText = window.getSelection().toString()
    setText(selectedText);
  }
  return (
    <div className="App">
      <p>this is a piece of text that can be seleted partially</p>
      <button onMouseDown={getSelectedText}>select</button>
      <h3>{text}</h3>
    </div>
  );
}