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

Question

当我在 reactjs 中使用 onClick 时，我得到了像

这样的整个属性

Lorem Ipsum 只是虚拟的文本

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

Answer 1

这里是获取选择的sn-p

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>
  );
}