您现在的位置：首页 >> 前端 >> 内容

react input 获取/失去焦点

时间：2016/12/19 9:20:53 点击：

　　核心提示：p className={ this.state.focus ? dis_bottom_left_onfocus : dis_bottom_left } ref=bottom_leftinputtyp...

<p className={ this.state.focus ? "dis_bottom_left_onfocus" : "dis_bottom_left" } ref="bottom_left">
    <input
        type="text"
        className="dis_bottom_input"
        ref="bottom_input"
        placeholder={this.props.mainName || "说点什么吧"}
        onBlur={ ::this.inputOnBlur }
        onFocus={ ::this.inputOnFocus } />
</p>

//input 获取焦点 width: 100%
inputOnFocus(){
    this.setState({ focus: true });
}

//input 失去焦点
inputOnBlur(){
    this.setState({ focus: false });
}