码迷,mamicode.com
首页 > 其他好文 > 详细

react input 获取/失去焦点

时间:2016-09-08 21:33:25      阅读:956      评论:0      收藏:0      [点我收藏+]

标签:

<div 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 } />
</div>

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

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

react input 获取/失去焦点

标签:

原文地址:http://www.cnblogs.com/y-lin/p/5854509.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!