如何使用libphonenumber AsYouType格式化程序处理退格键

Question

我正在尝试将google-libphonenumber的AsYouTypeFormatter与Web表单上的简单输入元素一起使用。我将用户键入的每个键传递给inputDigit方法。我遇到的问题是，当用户点击退格键时，google-libphonenumber 不会删除最后一个数字，而只是将Backspace附加到电话号码。我是否不正确地使用 AsYouTypeFormatter？它不能处理退格吗？如果是这样，并且我怀疑是这种情况，我应该如何处理用户按退格键的情况？

下面是一个示例项目的链接：https://stackblitz.com/edit/libphonenumber

这是代码：

import { AsYouTypeFormatter } from 'google-libphonenumber';
const appDiv: HTMLElement = document.getElementById('app');
appDiv.innerHTML = `
<h1>Libphonenumber Playground</h1>
<input id="input" type="text">
`;
this.formatter = new AsYouTypeFormatter('us');
const input = document.getElementById('input') as HTMLInputElement;
input.addEventListener('keyup', (event: KeyboardEvent) => {
console.log(this.formatter.inputDigit(event.key));
});

Answer 1

"isNumber": function(evt) {
evt = (evt) ? evt : window.event;
var charCode = (evt.which) ? evt.which : evt.keyCode;
if ((charCode > 31 && (charCode < 48 || charCode > 57) || charCode === 46 || charCode === 13)) {
//do not allow non numeric characters 
evt.preventDefault();
}else{
//ok: numeric character
//handle phone number masking.
this.phoneNumberForm =this.formatter.inputDigit(evt.key);
}

我还没有找到任何可以将格式化程序索引移回的方法。 (这并不意味着他们不在那里( 我所做的是防止退格键事件。以及任何其他非数字字符。这是我使用的功能：