Onblur在React中自动调用OnFocus事件

Question

我正在做出反应。我想在单击按钮时显示文本框，并尝试显示关于聚焦文本框的建议。所以我尝试了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();
}

Answer 1

您可以参考以下链接

https://coderwall.com/p/0iz_zq/how-to-put-focus-at-the-end-of-an-input-with-react-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>
}