JSFiddle - React, Tailwind, and code Playground
HTML
<input class="number">
JavaScript
$('input.number').keyup(function(event) {
// skip for arrow keys
if(event.which >= 37 && event.which <= 40){
event.preventDefault();
}
$(this).val(function(index, value) {
value = value.replace(/,/g,'');
return numberWithCommas(value);
});
});
function numberWithCommas(x) {
var parts = x.toString();
parts = parts.replace(/\B(?=(\d{8})+(?!\d))/g, ",");
return parts;
}