Quali sono le scorciatoie da tastiera cross-browser e cross-OS utilizzabili per l'applicazione Web?

Question

Sto sviluppando un'applicazione web abbastanza grande ed è probabilmente una buona idea usare i tasti di scelta rapida per alcune attività comuni. Tuttavia ho scoperto che trovare combinazioni di tasti sicure è un problema, per quanto riguarda tutti i diversi browser e sistemi operativi. Ad esempio, Chrome dispone di un elenco così lungo di tasti di scelta rapida che non è possibile utilizzare uno schema di tasti di scelta rapida logico per la mia app Web, ad es. ctrl + 1, ctrl + 2, ctrl + 3, ecc ...

Quindi ripeto la domanda, hai qualche cheatsheet di tasti di scelta rapida sicuri che possono essere utilizzati in webapp e non preoccuparti di alcune interferenze del browser o del sistema operativo?

Grazie.

Answer 1

Non ci conterei. Probabilmente è ok per ascoltare le scorciatoie che usano il modificatore alt, ma non c'è ancora modo di essere sicuri che una scorciatoia da tastiera sia libera. Gli utenti possono sempre installare programmi che ascoltano le scorciatoie da tastiera o utilizzare un browser che non ti aspetti.

Se le scorciatoie possono essere utilizzate solo quando l'utente non sta digitando una casella di testo o qualcosa del genere, potrebbe essere una buona idea ascoltare solo i tasti premuti senza un tasto modificatore.
Se nessuna casella di testo o altro elemento di GUI è attivo, allora document.activeElement == document.body dovrebbe essere vero. (Qualcuno mi corregga se sbaglio).

Answer 2

Non penso che ci sia una tale lista. Questo potrebbe anche essere diverso per le diverse impostazioni locali.

Si può provare a fare affidamento sulla funzione accesskey di HTML: http://www.w3.org/TR/html401/interact/forms.html#adef-accesskey. Questo dovrebbe mantenere il numero di collisioni relativamente piccolo. Anche se credo che i browser Windows offriranno questi tasti come Alt + Letter che si scontra con la barra dei menu.

In alternativa, fai ciò che fanno Google reader e Gmail: usa le lettere direttamente senza alcun tasto di scelta rapida. Ciò funzionerà solo per alcuni tipi di applicazioni, però.

Answer 3

Come con la maggior parte delle liste, è più facile elencare (e quindi trovare) ciò che esiste piuttosto che ciò che è disponibile. A seconda di come definite "safe hotkey" ce ne sono alcuni (quelli di base) o migliaia (leggermente più avanzati, come Gmail utilizza due combinazioni di lettere (hotstring)).

Penso che il meglio che puoi fare sia guardare questi due elenchi completi per i tasti di scelta rapida specifici di OS e browser e creare un elenco basato su quelli. Se vuoi fare un ulteriore passo avanti, here is something that might help you (not tested it myself).

Per il problema specifico, penso che dovresti esaminare come Gmail, Facebook, Remember the Milk utilizza i tasti di scelta rapida; come questi hanno risolto il tuo problema elegantemente. Se fai un elenco di ciò che usano potresti avere un elenco di tasti di scelta rapida da usare lì. Una nota a parte, io uso Breevy, AutoHotkey, e molti altri programmi che creo il tipo avanzato di tasti di scelta rapida (43.956 e conteggio), e poiché sono di tipo semplice, non c'era quasi mai un problema con tasti di scelta rapida sovrapposti con i loro sistemi.

Answer 4

Facebook utilizza i seguenti quelli che hanno bisogno diverse chiavi principali per stampa a seconda del browser utilizzato:

https://www.facebook.com/help/156151771119453?helpref=faq_content

Key Combinations for Different Browsers 

Find the right combination of keys for your browser in the list below, and replace # with the access key number listed under Access Keys below. 

Internet Explorer for PC: Alt + #, then Enter 
Firefox for PC: Shift + Alt + # 
Safari for Mac: Ctrl + Opt + # 
Firefox for Mac: Ctrl + Opt + # 
Chrome for Mac: Ctrl + Opt + # 
Chrome for PC: Alt + # 

Access Keys 
0 - Help 
1 - Home 
2 - Timeline 
3 - Friends 
4 - Inbox 
5 – Notifications 
6 – Settings 
7 - Activity Log 
8 - About 
9 - Terms 

Tuttavia, Facebook sostiene questi collegamenti in tutti i browser:

Web Messenger Keyboard Shortcuts 
CTRL + g - Search conversations 
CTRL + q - Show/hide keyboard shortcuts 
CTRL + Delete - Archive/unarchive conversation 
CTRL + j - Mark as spam 
CTRL + m - Start a new message 
CTRL + i - Go to Inbox 
CTRL + u - Go to Other 

Conclusione: alcuni collegamenti potrebbero funzionare in tutti i browser, ma la maggior parte richiede una spiegazione aggiuntiva.