如何在输入时设置输入框文本的格式

在 html 输入框中输入数字时如何格式化该数字？

例如，我想输入数字 2000，当我输入第四位数字时，文本（当前显示在文本框中）将自动格式化为 2,000（带逗号）。

//my modified code based on Moob answer below

<input type="text" class="formattedNumberField" onkeyup="myFunc()">

//jQuery
$(".formattedNumberField").on('keyup', function(){
    var n = parseInt($(this).val().replace(/\D/g,''),10);
    $(this).val(n.toLocaleString());
});

function myFunc(){
// doing something else
}

虽然这段代码工作完美，如 Moon Fiddle 所示，但它对我来说不起作用，可能是因为我在输入框中有另一个 onkeyup 事件？？？

纯 JS（无 jQuery）：

var fnf = document.getElementById("formattedNumberField");
fnf.addEventListener('keyup', function(evt){
    var n = parseInt(this.value.replace(/\D/g,''),10);
    fnf.value = n.toLocaleString();
}, false);

原生 JS 示例 Fiddle http://jsfiddle.net/LM9zZ/

使用 jQuery：

$("#formattedNumberField").on('keyup', function(){
    var n = parseInt($(this).val().replace(/\D/g,''),10);
    $(this).val(n.toLocaleString());
    //do something else as per updated question
    myFunc(); //call another function too
});

使用 jQuery 示例 Fiddle http://jsfiddle.net/LM9zZ/1/

允许小数：

$("#formattedNumberField").on('keyup', function(evt){
    if (evt.which != 110 ){//not a fullstop
        var n = parseFloat($(this).val().replace(/\,/g,''),10);
        $(this).val(n.toLocaleString());
    }
});

强制性示例 http://jsfiddle.net/LM9zZ/2/