Skip to main content
3 de 4
replaced http://stackoverflow.com/ with https://stackoverflow.com/

Não sei se entendi muito bem o que deseja, mas se você não quer deixar o usuário digitar nada em alguns inputs, você pode utilizar o próprio evento .focus() para isso.

Para isso, basta adicionar os inputs que não podem ser digitado, e no evento focus, redirecione-o para o input principal.

Um exemplo seria assim:

$('.ignore').focus(function(e) {
  e.preventDefault();
  $('#fl1').focus();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Principal:
<input id="fl1" />
<br/>
<br/>Ignorar:
<input class="ignore" />
<br/>Ignorar:
<input class="ignore" />
<br/>Ignorar:
<input class="ignore" />
<br/>
<br/>
<br/>Secundario:
<input id="fl2" />

Dessa forma, todos os inputs com a classe ignore será direcionado para o input com o id fl1.

###Edição

Com base nos comentários, podemos usar a mesma analogia, porém a inverso. Usaremos document como seletor, e se não for os input's que podem ter acesso, faça o foco ir para o que deseja, dessa forma:

$(document).click(function(event) {
  if (!$(event.target).closest(".ignore").length) {
    $('#fl1').focus();
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Principal:
<input id="fl1" class="ignore" />
<br/>
<br/>Ignorar:
<input />
<br/>Ignorar:
<input />
<br/>Ignorar:
<input />
<br/>
<br/>
<br/>Secundario:
<input id="fl2" class="ignore" />

Para maiores informações, pode olhar esta resposta.

Randrade
  • 21,9mil
  • 5
  • 53
  • 133