onBlur事件与onClick事件冲突

wwwicbd
  • 112
<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 ?

回复
阅读 4.1k
3 个回答
✓ 已被采纳

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

sprout
  • 1
新手上路,请多包涵

这两个事件本身并不会冲突啊,你可以将两个事件分别触发,看能不能分别执行啊

应该用addEventListener绑定事件

宣传栏