当前位置： 移动技术网 > IT编程>开发语言>JavaScript > react-antd-input-onPressEnter

react-antd-input-onPressEnter

2020年01月11日  | 移动技术网IT编程  | 我要评论

2020-01-11

ant-design ，input ， onpressenter 和 onchange 的区别

onchange 输入内容的回调

onpressenter 按下回车的回调

 需求：看下图，右边栏配置开关组件的内容。输入内容，不想要左边实时更改

 原来的代码：
<input 
    defaultvalue={item.value1} 
    style={{width: '130px'}} 
    flag="switch1" 
    onchange={event => this.handlechange(event)}
 />

 

 

更改后：
<input 
    defaultvalue={item.value1} 
    style={{width: '130px'}} 
    flag="switch1" 
    onpressenter={event => this.handlechange(event)} 
/>
效果如下：

 

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网