Como bloquear um input selecionado em outro campo (Javascript)

Tenho o seguinte código para bloquear um input

html>
<script>
document.addEventListener('click', function(e) {

  var self = e.target;

  if(['entrada','saida'].indexOf(self.id) !== -1) {
    var el = document.getElementById(self.id === 'entrada' ? 'saida' : 'entrada');

    self.removeAttribute('disabled');

    el.setAttribute('disabled','');
    el.value = "";
  }
})

</script>

<input type="text" id="entrada" name="entrada">     
<input type="text" id="saida" name="saida"

Acontece com a ação do click como está no código mas se utilizar o Tab não bloqueia, como que eu faria para bloquear tanto para o ação do teclado(tab) quanto para o mouse