Salve gente..nella mia pagina ho questi 2 input

codice HTML:
<input type='text' id='barcode' name='barcode' placeholder='BarCode' autofocus>

<input type='text' id='ricerca'  onBlur='myFunction();' name='ricerca' placeholder='Cerca prodotto'>
il mio obbiettivo sarebbe quello di mantenere SEMPRE il focus sul campo "barcode" qualsiasi cosa io faccio sulla mia pagina (quindi se ad esempio clicco fuori il campo barcode nello sfondo grigio , se clicco su altri bottoni etc)... l'unica volta che il mio campo "barcode" dovrebbe perdere il focus è quando mi sposto dentro l'altro campo, per dare quindi il focus al campo "cerca prodotto"..

allora cosa ho fatto: ho messo un onblur sul campo "cerca prodotto" e nella funzione ho fatto si che quando mi trovo sul campo cerca prodotto e clicco sullo sfondo grigio, quindi fuori il campo, il focus mi ritorna dentro il campo barcode:

codice:
// se clicco fuori input cerca prodotto

function myFunction() {
     document.getElementById("barcode").focus();
    }
il vero problema dove sta però...se io mi trovo in partenza dentro barcode e clicco sullo sfondo grigio, perdo il focus...mentre io vorrei FORZARLO a stare dentro il campo barcode in questo caso.... come posso risolvere? =)