2010-05-04 9 views
16

Non ho ancora visto la domanda. Ogni browser ha scorciatoie da tastiera nativa diverse. Qualcuno ha già provato a capire quale di questi è gratuito/sicuro se vogliamo aggiungere qualcosa di piccante alla nostra web-app?Quale chiave associare per evitare conflitti con le scorciatoie browser native


Qualche informazione in più:

Non particolarmente bisogno di indirizzare tutti i browser. I 5 maggiori sono sufficienti. Per esempio Opera utilizza Ctrl +chiave come combinazione principale, lasciando quasi tutto Alt +chiave "libero di legarsi".

Come browser diversi utilizza un tasto di attivazione di collegamento principale diverso (Ctrl in Opera), posso facilmente immaginare di utilizzare anche una chiave diversa per associare le scorciatoie a. cioè Alt +chiave in Opera e Ctrl +chiave in browser_2 e Ctrl +Alt browser 3.

+0

'j' e' k' sono comuni nell'impaginazione. – stagas

risposta

8

Se avete solo bisogno di scorciatoie da tastiera al di fuori di elementi del modulo con attenzione, vorrei utilizzare lettere semplici (senza Ctrl/Alt/Maiusc/ecc). I personaggi regolari sono importanti solo per il browser se un elemento del modulo ha lo stato attivo. Altrimenti vengono ignorati.

Ad esempio, se si dispone di contenuti suddivisi in pagine, P potrebbe essere precedente e N potrebbe essere il prossimo.

(Non sono sicuro se questo risolverà completamente il problema perché questo non funzionerà quando un elemento del modulo ha lo stato attivo.)


Sulla base di un commento (il focus sarà all'interno di una textarea), vorrei suggerire una singola lettera scelto per ogni azione con un diverso Ctrl/Alt/Maiusc combinazione per browser. La maggior parte delle persone usa solo un browser, quindi per ogni utente imparare solo la propria combinazione non è un grosso problema.

Così, per esempio, Ctrl +Alt +N in un browser potrebbe essere lo stesso di Alt +N in un altro.

La prima cosa che vorrei provare, però, è Spostamento, perché la maggior parte built-in combinazioni non utilizzare uno, ma non so se le combinazioni sono sempre maiuscole e minuscole. Fai attenzione anche alle combo specifiche del sistema operativo.

Ecco quello che ho trovato in gran parte finora disponibili:

OS X - FF/Safari/Chrome - ctrl-[key] 
Windows - FF/IE   - ctrl-alt-[key] 
+0

Sì, buon punto! Ho dimenticato di avvisare questo. L'utilizzo è una sorta di modifica di Word, quindi all'interno di una textarea. Diciamo che voglio mettere il testo selezionato in grassetto con una combinazione di tasti (ctrl + b). Tranne b non funziona in Opera, perché apre la barra laterale dei segnalibri. – Savageman

+0

Le scorciatoie a lettera singola saranno molto fastidiose se l'opzione "trova mentre si digita" è attivata. Permette di cercare il testo sulla pagina senza premere 'Ctrl + F' o'/'e so che molte persone lo hanno abilitato. – hudolejev

+0

Sì, è così che lo farò. Ma questo non mi aiuta a scegliere tra quei 2 tasti (ctrl/alt) per ogni browser, che era il tipo di obiettivo della mia domanda. – Savageman

5

La risposta breve è:

Purtroppo, il nostro la ricerca ha scoperto che tutte le chiavi tranne 3 erano precedentemente "rivendicate" da una tecnologia o l'altra:

* AccessKey/(slash) 
* AccessKey (backslash) 
* AccessKey ] (right square bracket) 

Si tratta di spiegare in questo articolo:

questo articolo di Wikipedia dare una buona introduzione generale in questo argomento

+0

La tua risposta si concentra sui tasti di accesso. Stavo pensando più in generale: scorciatoie. Non ho particolarmente bisogno di indirizzare ogni browser. I 5 maggiori sono sufficienti. Ad esempio, Opera usa Ctrl + tasto come combinazione principale, lasciando quasi tutti i tasti Alt + "free to bind". Poiché i diversi browser utilizzano un tasto di attivazione della scorciatoia principale diverso (Ctrl in Opera), posso facilmente immaginare di utilizzare anche una chiave diversa per associare le scorciatoie a. i.e Alt + tasto in Opera e Ctrl + tasto in browser_2 e Ctrl + Alt nel browser 3. – Savageman

3

La mia raccomandazione è di cambiarlo a seconda del browser. Il fatto è che ci sono così tanti browser là fuori, penso che ti verrebbe difficile elaborare uno schema di collegamento che non si interrompa su almeno un browser popolare.

È possibile modificare l'impostazione del collegamento in base al browser e anche modificare le istruzioni specificando quali scorciatoie da utilizzare in base al browser dell'utente.

Idealmente, che saresti la scorciatoia più intuitivo possibile (Ctrl +X, o Alt +X ecc) senza realmente interferire con il browser.


Edit: In alternativa, se siete funzionalità prioritario di default confortevole, magari utilizzare questo: http://www.openjs.com/scripts/events/keyboard_shortcuts/

Quando si specifica un collegamento con esso, il browser ignorerà che scorciatoia, ed è possibile utilizzarlo nella vostra app (come gmail con Ctrl + S, ad esempio).

+0

Targeting solo per browser popolare e recente va bene per me. IE 8/FF 3.6/Chrome 4/Safari (inserisci qui l'ultimo numero di versione). Posso occuparmi di Opera da solo. :-) Ho pianificato di utilizzare l'interfaccia MooTools.More.Keyboard. Devo solo scegliere tra "ctrl", "alt", "ctrl + alt" per i 4 browser che supporto. La mia domanda era di impedire effettivamente l'override della funzionalità di default. – Savageman

+0

Quindi suggerisco la prima metà della mia risposta. La scelta delle scorciatoie basate sul browser/os dell'utente potrebbe essere la soluzione migliore, soprattutto perché i diversi browser utilizzano diversi pulsanti di scelta rapida su diversi sistemi operativi (penso che FF per esempio). È possibile determinare il browser/os serveride e inoltrare opportunamente i js appropriati. Ecco come lo farei; per garantire la massima compatibilità a tutto tondo. – Cam

+0

Sì, grazie. Ecco come lo farò (solo lato client, non ho bisogno del rilevamento lato server). La mia preoccupazione è su quale chiave usare per quale browser. – Savageman

2

Per gli utenti Mac che si desidera andare definitivamente con Ctrl come Alt viene utilizzato per digitare molti caratteri diversi e il comando è il tasto azione di default che i browser utilizzano. Eviterei combo che usano le scorciatoie di stile di base di emacs (alcuni utenti li usano come Ctrl + K che SO riesce a rovinare;) sebbene questi siano meno conosciuti e quindi potenzialmente utilizzabili.

Per Windows è più complicato - e non ho una casella di vincita per testarlo da solo.

+0

Hai capito bene il mio problema. Stavo pensando che l'ho espresso male. Devo ancora trovare le chiavi per gli utenti di Windows, ma hai perfettamente risposto alla mia domanda per gli utenti Mac. :-) – Savageman

1

I lettori di schermo (JAWS, NVDA, ...) utilizzano già l'intera tastiera, chiavi escluse (sto esagerando un po 'ma è in competizione con Adobe Photoshop in termini di numero di scorciatoie da tastiera utilizzate).

Quindi, se si desidera supportare screen reader e altre tecnologie di assistenza, è necessario utilizzare ARIA e in particolare role="application". Ciò eviterà conflitti tra l'applicazione e la modalità di funzionamento predefinita degli screen reader nelle pagine Web. Uno svantaggio è che hai decine e decine di pagine da leggere ...

Introduction à WAI/ARIA (traduction en français) (la nostra lingua madre comune, non è vero SDZ/zC;?))

EDIT: Uno dei modi risolvere conflitti è lasciare che l'utente definisca e modifichi le proprie scorciatoie.

+0

Ehi, grazie per la risposta. Sono famoso? Mi conosci? : d Sono da zC sì (facile da trovare sul mio profilo). In ogni caso, non so molto su WAI/ARIA. Probabilmente lo scaverò per mia conoscenza personale, che sembra un po 'sproporzionato per quello che voglio ottenere. L'idea di consentire all'utente di configurare le proprie scorciatoie sembra buona, ma non so davvero se voglio usarla. Può essere difficile da gestire. Il mio pensiero è più quello di dare buone scorciatoie che non hanno bisogno di configurazione. Le tue idee sono nuove e innovative in questo argomento, mi piace! Grazie! – Savageman

8

Per una soluzione pragmatica, copia Google. Hanno keyboard shortcuts in Gmail (e probabilmente altri prodotti) che fanno un buon lavoro di evitare le scorciatoie del browser.

2

Non so per certo che questo elenco è esaustivo ma troverete una buona lista di tasti di scelta rapida per i vari browser qui:

http://hubpages.com/hub/Browser-Shortcuts-Cheat-Sheet

Spero che questo aiuti. Se hai trovato utile questa risposta, contrassegnala come tale!

Problemi correlati