onBlur事件与onClick事件冲突

Question

<input className="fl"

       type="text"

       placeholder=""

       value={this.state.content}

       onFocus={this.onFocusHandler.bind(this)}

       onBlur={this.onBlueHandler.bind(this)}

       onKeyDown={this.watchEnterKeydown.bind(this)}

       onChange={this.inputHandle.bind(this)}/>

<span className="fr" onClick={this.createMsgHandler.bind(this)}>发送</span>

用户进入和离开input的时候分别通过onFocus和onBlur绑定了事件.

问题:

当用户输入完成后点击span时,只触发了onBlur事件,span的onClick事件没有触发.

想要的效果是: 输入完成点击span,先触发onBlur事件接着触发onClick事件;用户点击其他位置的时候只触发onBlur事件.

why and how ?

Answer 1

onblur并不会和onclick事件冲突。可能你的onblur时候做了些什么导致的？