退格键在 Firefox 中不起作用 Angular 2
Backspace doesn't work in Firefox Angular 2
我有一个输入字段(输入文本),我必须避免在其中引入任何没有数字的字符。此外,该字段仅限于 4 个数字(是年份字段)。
当我得到它时,该字段不允许使用键盘上的退格键或删除键。
我尝试了此页面中的几种解决方案,但 none 对我有用。
我认为问题与字段仅限数字有关,因为如果我删除此选项,键 backspace 删除 效果很好!
.html是:
<tab heading="{{'Ressources du Foyer' | uppercase}}" [disabled]="!isEdit || !isODP">
<table [defaultElemPerPage]="999" [data]="dataRessources" [config]="configRessources" [columns]="columnsRessources"
[showElementsPerPageSet]="false" [showItemNumberInfo]="false" [doHover]="false" [doClick]="false" [showActionsHeader]="!modeConsultation">
<template let-data>
<p class="text-center" *ngIf=!modeConsultation>
<a (click)="addRowLineRessources(data.index)" class="purple-icon" *ngIf="data.last" title="Ajouter une ligne"><span class="glyphicon glyphicon-plus"></span></a>
<a (click)="removeRowLineRessources(data.index)" title="Supprimer une ligne"><span class="purple-icon glyphicon glyphicon-trash"></span></a>
</p>
</template>
</table>
</tab>
文件.ts:
anneeReference: this.createStandardComponentService.createInputText({
id: 'anneeReference',
type: 'text',
disabled: false,
group: group.get('anneeReference'),
errors: this.errors.anneeReference,
outputMethod: this.validYear,
maxlength: 4
}),
validYear(event: any) {
const pattern = Constants.NUMBERS_PATTERN;
const codeCle = event.keyCode;
const inputChar = String.fromCharCode(event.charCode);
if (!pattern.test(inputChar) && (codeCle !== Constants.BACKSPACE_TOUCHE || codeCle !== Constants.DELETE_TOUCHE)) {
event.preventDefault();
}
}
我希望有一个最多 4 个字符的字段,只有数字,我可以随时删除任何更改。
我通过另一个解决方案解决了这个错误,删除了禁止我们添加任何非数字字符的过滤器(在客户端接受之前,因为它是对给定规格的修改)。
尽管如此,可能是 Mozilla Forum 的另一种解决方案。
我有一个输入字段(输入文本),我必须避免在其中引入任何没有数字的字符。此外,该字段仅限于 4 个数字(是年份字段)。 当我得到它时,该字段不允许使用键盘上的退格键或删除键。
我尝试了此页面中的几种解决方案,但 none 对我有用。
我认为问题与字段仅限数字有关,因为如果我删除此选项,键 backspace 删除 效果很好!
.html是:
<tab heading="{{'Ressources du Foyer' | uppercase}}" [disabled]="!isEdit || !isODP">
<table [defaultElemPerPage]="999" [data]="dataRessources" [config]="configRessources" [columns]="columnsRessources"
[showElementsPerPageSet]="false" [showItemNumberInfo]="false" [doHover]="false" [doClick]="false" [showActionsHeader]="!modeConsultation">
<template let-data>
<p class="text-center" *ngIf=!modeConsultation>
<a (click)="addRowLineRessources(data.index)" class="purple-icon" *ngIf="data.last" title="Ajouter une ligne"><span class="glyphicon glyphicon-plus"></span></a>
<a (click)="removeRowLineRessources(data.index)" title="Supprimer une ligne"><span class="purple-icon glyphicon glyphicon-trash"></span></a>
</p>
</template>
</table>
</tab>
文件.ts:
anneeReference: this.createStandardComponentService.createInputText({
id: 'anneeReference',
type: 'text',
disabled: false,
group: group.get('anneeReference'),
errors: this.errors.anneeReference,
outputMethod: this.validYear,
maxlength: 4
}),
validYear(event: any) {
const pattern = Constants.NUMBERS_PATTERN;
const codeCle = event.keyCode;
const inputChar = String.fromCharCode(event.charCode);
if (!pattern.test(inputChar) && (codeCle !== Constants.BACKSPACE_TOUCHE || codeCle !== Constants.DELETE_TOUCHE)) {
event.preventDefault();
}
}
我希望有一个最多 4 个字符的字段,只有数字,我可以随时删除任何更改。
我通过另一个解决方案解决了这个错误,删除了禁止我们添加任何非数字字符的过滤器(在客户端接受之前,因为它是对给定规格的修改)。
尽管如此,可能是 Mozilla Forum 的另一种解决方案。