Как сохранить выделение текста видимым в текстовой области, даже если оно не сфокусировано - PullRequest
Новая
       25

Как сохранить выделение текста видимым в текстовой области, даже если оно не сфокусировано

0 голосов
/ 07 мая 2019

Как сохранить выделение видимым в текстовой области, когда оно потеряло фокус в React / JS.

Тогда, когда я изучал JavaFX, он имел компонент текстовой области, который всегда показывает выделение его текста, даже не в состоянии фокуса. Только его цвет был синим (выделение), когда фокус, и серым, когда это не так.

1 Ответ

0 голосов
/ 07 мая 2019

Я мог бы сделать что-то подобное, может быть, это могло бы помочь или дать вам идею 

class App extends React.Component {
  constructor(props) {
  super(props);
  this.myRef = React.createRef();

  this.handleOnExit = this.handleOnExit.bind(this);
  this.handleClick = this.handleClick.bind(this);

} 

    handleOnExit(e) {
    const node = this.myRef.current;
    node.select();
  }

  handleClick() {
    const node = this.myRef.current;
    node.select();
    console.log(this.myRef);
  }

render() {
  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
      <input ref={this.myRef} type="text" onBlur={this.handleOnExit} value="aaaa" />
      <input type="text" value="bbbb" />
      <button onClick={this.handleClick}> Click</button>
      <button onClick={this.handleClick}> btn-2</button>
    </div>
  )};
}
...