Javascript 带输入掩码的拨号板窗体

我拼凑了一个拨号板表单，当点击表单按钮时，该表单将向文本字段添加值，该字段将用作电话号码。我试图在文本字段中添加一个掩码，将其格式化为（123）456-7890等数字，但在单击按钮时似乎无法使其工作（仅在按键时工作）。有没有办法强制将字段格式化为数字

这里似乎无法让面具工作，但有一个活生生的例子：

var phoneScreen=$（“#phone”）；var phoneNumber=phoneScreen.val（）；
var delBtn=$（“#del”）；var clrBtn=$（“#clr”）；
var numBtn=$（“.number”）；
numBtn.单击（函数（）{
var number=$（this.val（）；
updatePhoneNumber（数字）；
printPhoneNumber（）；
});
delBtn.单击（函数（）{
deleteNumber（）；
printPhoneNumber（）；
});
clrBtn.click（函数（）{
clearNumber（）；
printPhoneNumber（）；
});
函数updatePhoneNumber（newNumber）{
phoneNumber=电话号码+新号码；
}
函数deleteNumber（）{
phoneNumber=phoneNumber.slice（0，-1）；
}
函数clearNumber（）{
电话号码=”；
}
函数printPhoneNumber（）{
phoneScreen.val（电话号码）；
}

1.
2.
3.


4.
5.
6.


7.
8.
9


0