Einstellung Fokus mit Pfeilen links und rechts (HTML + JS)

Question

Gibt es den Pfeil nach links, wie die Registerkarte Schaltfläche (Fokus auf das nächste fokussierbare Element) verhalten zu machen und den rechten Pfeil verhalten sich wie ein Shift + Tab (Set-Fokus auf die vorherige fokussierbare Artikel)?

Ich habe so weit gekommen:

$().keypress(function(e) {
    if (e.keyCode == 37) {
        alert('I want to do a shift-tab');
    }
    else if (e.keyCode == 39) {
        alert('I want to do a tab');
    }
});

Aber Google wird nicht so hilfreich, so dachte ich, dass ich einen schnellen Beitrag setzen würde hier, während ich einige mehr Google.

Danke!

Oh, und es ist rein für FF3.0 so dass ich nicht über andere Browser Belästigungen befürchten muß.

Answer 1

Was haben Sie bisher scheint in Ordnung.

Sie können eine Liste von "fokussierbar Stücke halten und nur die Liste durchlaufen einen Zeiger auf die aktuelle zu halten:

// or $('input')..depends what you want to focus on
var nodes = $('.focusable'), idx = -1;
$().keypress( function(e) {
   if (e.keyCode === 37) {
     nodes.get(++idx).focus();
    }
    else if (e.keyCode === 39) {
       nodes.get(--idx).focus();
    }
 });

Dies ist nur eine grobe Skizze though. Sie müssten die idx überprüfen, bevor Sie vorbei an den Anfang oder das Ende des aktivierbaren Elemente Array verrutschen nicht etwas, um sicherzustellen, zu tun. Sie werden auch über Aufruf dieser vorsichtig sein müssen, wenn der Benutzer innerhalb eines Textfeldes ist.