react控制 input 框回车之后内容清空

state: IState = {items: [],data: '', //data是输入框的当前内容
}updateState = (e) => {this.setState({ data: e.target.value })
} //即时更新，不加这个就不会更新输入框内容getInput = (e) => {if (e.key == 'Enter') {//输入回车后的一些操作this.state.data = ''this.setState({ items: this.state.items, data: this.state.data })}}<input id="input" type="text" className="input" onKeyDown={this.getInput} value={this.state.data} onChange={this.updateState} />

react控制 input 框回车之后内容清空相关推荐

html+input+js双击,JS双击变input框批量修改内容
双击空白或者文字变成input框修改内容: js代码修改 function ShowElement(element,abc){ // console.log(abc); var list = abc ...
html判断整数小数点后两位小数点,js控制input框只能输入数字和一位小数点且小数点后面只有两位小数...
js控制input框只能输入数字和一位小数点且小数点后面只有两位小数 js控制input框只能输入数字和一位小数点且小数点后面只有两位小数 212或 0.66; 过滤 00000,1.10,0.00 ...
safari浏览器input框placeholder和内容都显示不全
safari浏览器input框placeholder和内容都显示不全一.效果图二.主要原因一.效果图二.主要原因主要是因为font-size的原因,加一个样式就好了 line-height: ...
加减号控制input框里数字的js
一个加减号控制input框里数字的js,左边是一个减号,右边一个加号,中间是input框,当数字为1时,左边减号置灰不可点击,数字为99时,加号置灰不可点击,点击加减号,input数字改变. 效果图如 ...
html5div输入内容,将input框中输入内容显示在相应的div中【三种方法可选】
例题一枚:在input框中输入内容,会相应的显示在下面的div中的不同做法: #div{ width: 175px; height: 100px; margin: 20px 84px; border: ...
js控制input框输入数字时，累计求和
input框输入数字时,自动开始计算累加 <div class="form-group"> <label for="inputPassword3&quo ...
html input光标位置,js控制input框内光标位置（setSelectionRange详解）
问题描述前段时间碰到一个需求:在表单中有一个字段叫金额,用户希望点击该输入框后(focus),能够自动为其金额数字后加上"万元"两个字. 虽然这个需求可以通过其他的设计方式规避( ...
input框自动填充内容背景颜色为黄色解决方法
input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;} 或者关闭自动填充 <form actio ...
Bug: Safari浏览器input框placeholder和内容都不显示
input 增加一个样式 line-height:1

react控制 input 框回车之后内容清空

react控制 input 框回车之后内容清空相关推荐

最新文章

热门文章