Javascript 如何在按键的同时格式化输入值

我想按照以下格式排列我的输入（电话号码）值

<input type="text" value="123-456-7890">

如果输入1234567890，则设置为123-456-7890

var $phone=1234567890
$phone.replace(/(\d{3})(\d{3})(\d{4})/, "$1-$2-$3");

输出：

123-456-7890

编辑： 使用keyup更新了JSFIDLE

在div中输出-电话号码硬编码


div中的输出


文本框本身内部的输出

$（document）.ready（函数（）{//在文档准备就绪（页面加载）时运行）
$（'#txtval'）.keyup（函数count（）{//位于文本框中的每个键上
var$input=this.value；
如果（$input.length==3）{
$（'#txtval'）.val（$input+“-”）；//在3个字母后向input添加hiphen
}
如果（$input.length==7）{
$input=$input.replace（/（\d{3}）（\d{3}）/，“$1-$2”）
$（'#txtval'）.val（$input+“-”）；//在7个字母后添加hiphen
}
如果（$input.length==11）{
$input=$input.replace（/（\d{3}）（\d{3}）（\d{4}）/，“$1-$2-$3”）
$（'#txtval'）.val（$input）；//按预期显示电话号码
}
});
});

输入Phone:
输出：

123-456-7890

编辑：
使用keyup更新了JSFIDLE


在div中输出-电话号码硬编码




div中的输出




文本框本身内部的输出




$（document）.ready（函数（）{//在文档准备就绪（页面加载）时运行）
$（'#txtval'）.keyup（函数count（）{//位于文本框中的每个键上
var$input=this.value；
如果（$input.length==3）{
$（'#txtval'）.val（$input+“-”）；//在3个字母后向input添加hiphen
}
如果（$input.length==7）{
$input=$input.replace（/（\d{3}）（\d{3}）/，“$1-$2”）
$（'#txtval'）.val（$input+“-”）；//在7个字母后添加hiphen
}
如果（$input.length==11）{
$input=$input.replace（/（\d{3}）（\d{3}）（\d{4}）/，“$1-$2-$3”）
$（'#txtval'）.val（$input）；//按预期显示电话号码
}
});
});

输入Phone:
$（“输入”）.keyup（函数（）{
变量长度=0；
长度=$（'#txtval'）.val（）.length；
如果（长度=3 | |长度=7）{
$（'#txtval'）.val（$（'#txtval'）.val（）.concat（'-'）；
}
});

电话：
$（“输入”）.keyup（函数（）{
变量长度=0；
长度=$（'#txtval'）.val（）.length；
如果（长度=3 | |长度=7）{
$（'#txtval'）.val（$（'#txtval'）.val（）.concat（'-'）；
}
});

电话：
当输入一定数量的数字时，您可以使用更改侦听器并附加连字符。您想以该格式获取值，还是希望字段中的数字以该格式替换？感谢您的回复Jaybird，但我不想使用pluginhello Mayank，我想把那个数字放在字段中，并用那个格式替换掉？你可以使用一个更改侦听器并附加连字符，当输入了一定数量的数字时。您希望以该格式获取值，还是希望字段中的数字以该格式替换？感谢您的回复Jaybird，但我不想使用pluginhello Mayank，我想把这个数字放在字段里，并换成那种格式？如果你想对此进行任何更改，请告诉我。如果你想对此进行任何更改，请告诉我。代码应始终附带说明。请解释上面的代码。代码应始终带有解释。请解释上面的代码。