Javascript 输入电话区号

我试图实现的是输入类型文本，并添加初始区号作为值

<input type="text" value="+1" id="phone" name="phone">

但我想这是相当愚蠢的，可以更好。 这是小提琴：

如何使其更好？

使用带有回调函数的方法以旧值生成新值，回调将索引作为第一个参数，旧值作为第二个参数

$('#phone').val(function(i, v){ 
  return '+1-' + v.substr(3); 
});

$（'#phone'）。打开（'input'，function（）{
$（this）.val（函数（i，v）{
返回“+1-”+v.substr（3）；
});
});

ups，对不起-是的。纠正了，非常感谢你，普拉纳夫。当然-这比这要好得多。
$（这）
不会有什么害处；）还有，为什么您建议
keyup
，如果我粘贴一些值呢？你能做得更好吗？我有一个粘贴的解决方案…也可以替换所有非数字。。。唯一的疑问是这项特殊任务——最初和输入电话号码期间保留区号@罗西顿：使用输入事件
$('#phone').val(function(i, v){ 
  return '+1-' + v.substr(3); 
});