Separar milhar

Gostaria de ao o usuario digitar, os números ir separando por pontos e quando terminar voltar ao normal. Consegui adicionar um ponto, mas os outros não aparecem

	Eis meu código;

	 

function adicionarPonto(nStr) {
 nStr += '';
 x = nStr.split('.');
 x1 = x[0];
 x2 = x.length > 1 ? '.' + x[1] : '';
 var rgx = /(\d+)(\d{3})/;

 while (rgx.test(x1)) {
 x1 = x1.replace(rgx, '$1' + '.' + '$2');
 }

 return x1 + x2;
}

function RemoverPonto(campo)
	{

 campo.value = campo.value.replace(".", "");
 campo.value = campo.value.trim();

	}

	Html

<form name="formteste">

	<!--Colocamos como parametro o valor do Id e mandamos para a função DuasCasasDecimais(id)-->

	<strong>Digite o número (adiciona pontos):</strong><br/>
 <input type="text" onkeyup="this.value=adicionarPonto(this.value);" onblur="RemoverPonto(this);" /> <br/><br/>

</form>

	Resultado:

	![02.jpg.780b38daf00c03837fc72785b3df2929.jpg](https://forum.imasters.com.br/monthly_2017_10/02.jpg.780b38daf00c03837fc72785b3df2929.jpg)

	 

	 

	Como deveria ficar:

	 

	![01.jpg.45374b6263dd1d408fb198ac484f5d2b.jpg](https://forum.imasters.com.br/monthly_2017_10/01.jpg.45374b6263dd1d408fb198ac484f5d2b.jpg)

	 

	 

	Obrigado