Sem uma jQuery,você vai precisar fazer tudo na mão, o que é muito mais complicado... Mas você pode usar o onKeyPress pra contar os dígitos durante a digitação:
<input type="text" onkeypress="mascara()">
e a função:
var count = 0;
function mascara(){
count++;
alert(count);
}
e depois colocar um if
pra quando atingirem 4 (ou 5) dígitos adicionar um "-" na frente. Acho que com Javascript puro fica mais ou menos assim:
if(count == 5){
var digitos = document.getElementById('inputComMascara').value;
alert(digitos);
document.getElementById('inputComMascara').value = digitos+'-';
}
Se for pra fazer assim, recomendo também que adicione um script para decrementar o contador caso a pessoa clique no Backspace
, ou melhor ainda, ao invés do contador utilize o .lenght()
O site então não possui jQuery, entao não quero ter que adicionar o jQuery e um plugin de máscara para isso.