JavaScript - Javascript funciona en chrome pero no en firefox ni internet explorer

<input title="Codigo de Socio" name="tnumsoc" maxlength="8"  style='width:100px' class="separadorDecimal" />

var separadorDecimal=document.querySelectorAll(".separadorDecimal");

for(e of separadorDecimal)

{

   e.addEventListener("keyup",entrada,false);

}

function entrada(evt)

{

   var res=evt.target.value.replace(/\./g,",");

   evt.path[0].value=res;

}

<input title="Codigo de Socio" name="tnumsoc" maxlength="8" style='width:100px' class="separadorDecimal" />

<script>

var separadorDecimal=document.querySelectorAll(".separadorDecimal");

for (var i=0; i < separadorDecimal.length; i++)

{

separadorDecimal[i].onkeyup=function(){this.value=this.value.replace(/\./g, ',');}

}

</script>

<input title="Codigo de Socio" name="tnumsoc" maxlength="8"  style='width:100px' class="separadorDecimal"

  tabindex="1" value="<?php echo $campos["numsoc"]; ?>" <?php if(isset($foco["numsoc"])){echo $foco["numsoc"];} ?> />

<input title="Integrante" name="tintsoc" maxlength="2" style='width:30px'

  tabindex="2" value="<?php echo $campos["intsoc"]; ?>" <?php if(isset($foco["intsoc"])){echo $foco["intsoc"];} ?> />

<input title="Apellido y nombre o razon socias" name="tnomsoc" maxlength="50" style='width:590px;text-transform:uppercase;'

	  tabindex="3" value="<?php echo $campos["nomsoc"]; ?>" <?php if(isset($foco["nomsoc"])){echo $foco["nomsoc"];} ?> />

<input id='boton' tabindex="4" name="bacepto" type="submit" value="Aceptar" style='width:100px'>

document.addEventListener('keypress', function(evt) {

// Si el evento NO es una tecla Enter

if (evt.key !== 'Enter') {

	return;

}

let element = evt.target;

// AQUI logica para encontrar el siguiente

let tabIndex = element.tabIndex + 1;

var next = document.querySelector('[tabindex="'+tabIndex+'"]');

// Si encontramos un elemento

if (next) {

	next.focus();

	event.preventDefault();

}

});