我正在使用 MEAN Stack 和 Angular 6 实现一个网络应用程序。我有一个输入字段，它从 ngx-colorpicker 获取颜色值。但是这些输入字段也允许我进行文本输入。如果我使用，<input type= 'color'>它会打开一个单独的颜色选择器，如果我选择一种颜色，它仅适用于文本字段的中间部分。我想要的是防止在这些输入字段中输入文本或数字。有没有人有想法去做？
这是我的输入字段。
<input type="text" nbInput [(colorPicker)]="colorRangeTraceArc" [cpPosition]="'right'" [cpOutputFormat]="'rgba'[style.background]="colorRangeTraceArc"
formControlName="colorRTC" name="colorRangeTraceArc" style="width: 100px" (colorPickerChange)="onChangeColorRTA($event)" />
尝试在文本框中使用 keydown 事件来阻止文本框中的任何输入。
这是 HTML 代码：
(keydown)="keyDown($event)"
这是TS代码：
keyDown(event:any){
return false;
}
请检查stackbliz 示例中的第一个文本框。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句