jquery - オンザフライで INPUT の電話番号をフォーマットする

Question

人が入力するときに電話番号を再フォーマットして、(212) 477-1000 として出力される機能を探しています。

スニペットを見つけて、値を取得して再フォーマットする関数を作成しました。人が「その場で」入力すると 2124771000 をフォーマットする別のスニペットを知っている人はいますか?

---

<input value="2124771000" type=text id="DPRnumber">


$('#DPRnumber').on('click', 'input', function(e){

    $(".phone").text(function(i, text) {
        text = text.replace(/(\d{3})(\d{3})(\d{4})/, "($1) $2-$3");
        return text;
    });
}