Onblur автоматически вызывается в событии OnFocus в React

siva спросил: 28 апреля 2018 в 08:41 в: reactjs

Я работаю в реале. Я хотел показать текстовое поле одним нажатием кнопки и попытаться показать предложения по фокусировке текстового поля. Поэтому я попытался с событием OnFocus(), и я хочу скрыть это предложение, когда мы выходим из текстового поля, поэтому я использовал событие onBlur(). его рабочий режим, когда я вручную фокусирую текстовое поле.

Когда я попытался автоматически установить фокус при нажатии кнопки, то onBlur () также запускается и скрывает предложения. Я не знаю почему. Помогите мне преодолеть эту проблему.

Код:

<input type="text" tabIndex="1"   onFocus={//focus handler//} placeholder="Enter Search value" ref="search_txt"  onBlur={this.onBlurEvent} />componentDidMount(){
       this.refs.search_txt.focus();
}

1 ответ

Prabhu ответил: 28 апреля 2018 в 09:19

Вы можете ссылаться на приведенную ниже ссылку

https://coderwall.com/p/0iz_zq/how-to-put-focus-at-the-end-of-an-input-with- реагируют-JS

moveCaretAtEnd(e) {
  var temp_value = e.target.value
  e.target.value = ''
  e.target.value = temp_value
}render() {
  <textarea 
    value={value}
    autoFocus
    onFocus={this.moveCaretAtEnd}
  ></textarea>
}