[Assegnare focus ad una area]

[thegrinder]

Salve, sto facendo un sito usabile ed accedibile, in particolare ho 4 aree, vorrei fare in modo che schiacciando il tasto 1,2,3,4 si selezionino le varie aree.

Utilizzerei l'evento keypress ( jquery) , in base al tasto premuto dovrei selezionare l'area ( come si fa?)

<div id = "content" role = "content" tabindex = "1">


....


$('input#button').bind('click keypress', function(e) {		
  code= (e.keyCode ? e.keyCode : e.which);
		
    if (code == ' codice tasto 1'){ 
     
          coidce affinchè venga selezionata l'area content
     }

grazie

[cavicchiandrea]

Ma parli di button che non hanno l'evento keypress e di div che non hanno l'evento focus forse meglio se spieghi bene e dettagliatamente cosa vuoi fare.

[thegrinder]

Originariamente inviato da cavicchiandrea
Ma parli di button che non hanno l'evento keypress e di div che non hanno l'evento focus forse meglio se spieghi bene e dettagliatamente cosa vuoi fare.

metti che tu abbia dei div con 3 aree. ( puoi anche salvareil codice di seguito in un html e constatare).

<div id="banner" tabindex="1"> Banner</div>
<div id="content" tabindex="2"> Content </div>
<div id="navigation" tabindex="3"> Navigation</div>

Quando carichi la pagina, cliccando il tab puoi navigare queste aree, nel senso che cliccando tab il focus finisce su queste aree ( prima volta che premi area banner, poi aria content etc).

IL codice JS che ho scritto non è riferito a dei bottoni veri e propri, sono così generati
<input id="button" role="button"
(non hanno il type= "button") e quindi il l'evento keypress ce lo hanno, ma non è tanto quello; a me serve di sapere cosa assegnarea " codice affinchè venga selezionata l'area content " affinchè in risposta ad un evento, il focus venga posto sull'area di interesse, come se venisse selezionata in seguito al premere il tasto TAB

$('input#button').bind('click keypress', function(e) {		
  code= (e.keyCode ? e.keyCode : e.which);
		
    if (code == ' codice tasto 1'){ 
     
          codiceaffinchè venga selezionata l'area content

grazie