Estoy tratando de hacer una entrada de número. He hecho que mi cuadro de texto solo acepte números a través de este código:

function isNumber(evt) {
    evt = (evt) ? evt : window.event;
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        return false;
    }
    return true;
}

Pero ahora la pregunta es, ¿cómo crearía espacios a medida que el usuario escribe su número, de manera muy similar al espacio entre el teléfono del iPhone, pero con números? Por ejemplo, si escriben: 1000 se convertirá en 1 000;

1
10
100
1 000
10 000
100 000
1 000 000
10 000 000
100 000 000
1 000 000 000

Etc ...

He intentado leer la entrada de la derecha para cada 3 caracteres y agregar un espacio. Pero mi camino es ineficiente y cuando cambio el valor de 1000 a 1 000 en el cuadro de texto, lo selecciona por alguna razón, haciendo que cualquier tecla presione después, borre todo.

Si sabe cómo hacerlo, no utilice complementos de javascript como jQuery. Gracias.