javascript - onBlur事件与onClick事件冲突

问题描述

问 题

<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 ?

解决方案

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

这篇关于javascript - onBlur事件与onClick事件冲突的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！