如何使用libphonenumber处理backspace

Question

我正在尝试使用google-libphonenumber的AsYouTypeFormatter，在web表单上使用一个简单的输入元素。我将用户键入的每个键传递给inputDigit方法。我遇到的问题是，当用户点击backspace时，google不会删除最后一个数字，只会将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);
}

​

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