在文本字段中键入时，在10位电话号码之间自动添加低音( - )

Question

我试图在文本字段中输入时在10位电话号码之间自动添加过度( - (。北美标准。我希望结果像这个647-364-3975

正在尝试使用typrscript进行kepup事件来完成此操作。 这项工作是在我完成所有电话号码时添加过度( - (。

   <input id="PhoneNumberInputField" 
    (keyup)="_phoneNumberInputKeyUp($event)" [(ngModel)]="sharedVariables.PhoneNumberInput"  maxlength="10" />

   _phoneNumberInputKeyUp( event : any )
  {
      var value = this.sharedVariables.PhoneNumberInput
      if(value.length > 0){
         var formatted = value.replace(/^(d{3})(d{3})(d{4}).*/,"$1-$2-$3");
         this.sharedVariables.PhoneNumberInput = formatted;
     }
 }

Answer 1

您可以使用文本蒙版。这是一个很好的图书馆，可以照顾您的项目。

他们有美国电话号码蒙版为示例：D

mask = ['(', /[1-9]/, /d/, /d/, ')', ' ', /d/, /d/, /d/, '-', /d/, /d/, /d/, /d/]