如何在按键上更新event.target.value？
萨列拉·格达奇
我正在努力进行邮政编码验证，但无法updatedValue使用event.target.value其显示oldValue
HTML代码：
<input type="text" style="color:black !important;width:100%;" (keypress)="numericOnly($event);" name="fname" [(ngModel)]='value' autofocus>
.ts文件
numericOnly(event): boolean {
console.log("element", event);
console.log('element.value', event.target.value);
let patt = new RegExp("^[a-z A-Z 0-9]*-?[a-z A-Z 0-9]*$");
console.log('this.value', this.value);
let result = patt.test(event.target.value);
console.log('result', result)
if (result == false) {
// event.target.value = this.value
// this.value = event.target.value;
const val = <string>event.target.value
if (val && val.length > 0) {
this.value = event.target.value;
event.preventDefault();
}
}
return result;
}
当我尝试使用event.target.value给定的oldVlaue访问目标值时，我想在event.when上获取最近键入的值，而keypress无论何时我使用的keyup事件ngModel都不需要更新。
耶普鲁比奥
我将更改为[(ngModel)]='value'，[ngModel]='value'以便该模型不会根据更改进行更新，然后使用(keyup)。
模板代码：
<input type="text" style="color:black !important;width:100%;" (keyup)="numericOnly($event);" name="fname" [ngModel]='value' autofocus>
只要您的numericOnly方法this.value在满足条件时更新模型（）（如现在所做的那样），就不需要ngModel的双向数据绑定。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
反应useState问题与event.target.value无法正确更新？
- 2
event.value和event.target.value之间的区别
- 3
如何正确键入定义event.target.value？
- 4
event.target.value在React中给出TypeError
- 5
react-native中的event.target.value
- 6
ReactJS event.target.value返回未定义
- 7
为什么 event.target.value 未定义？
- 8
反应动态输入的未定义的 event.target.value
- 9
$event.target.value 不适用于点击事件
- 10
反应 event.target.value.slice() 未定义的行为？
- 11
如何在按键上使用$（this）
- 12
React JS event.target.value有时为null有时需要为
- 13
反应 onInput - IE9/10 event.target.value 为空？
- 14
反应 HTML 选择元素 onChange 函数，尝试访问“event.target.value”
- 15
如何使用e.target.value在javascript中保存选择选项的值
- 16
WeakMap与event.target
- 17
如何使用咕target咕target的目标
- 18
What does it mean for a label target to receive a value?
- 19
如何清除：target选择？
- 20
如何在按键上获取当前值
- 21
如何传递 event.target 值？
- 22
event.target的脚本修订
- 23
Firefox event.target问题
- 24
e.target可以访问，但是e.target.value不在React组件中
- 25
Target Manager上Image Target尺寸的单位是什么？
- 26
如何在awk中搜索'$(TARGET)？
- 27
如何在 pug 中放置 target="_blank"
- 28
如何设置Func <>的属性Target？
- 29
e.target.value在reactjs中未定义
我来说两句