Was sind Cross-Browser- und Cross-OS-sichere Tastaturkürzel, die für Webanwendungen verwendet werden können?

Question

Ich entwickle ziemlich große Web-App und es ist wahrscheinlich eine gute Idee, Hotkeys für einige häufige Aufgaben zu verwenden. Ich habe jedoch festgestellt, dass die Suche nach sicheren Tastenkombinationen ein Problem in Bezug auf alle verschiedenen Browser und Betriebssysteme darstellt. Zum Beispiel hat Chrome eine so lange Liste von Hotkeys, dass es unmöglich ist, irgendeine Art von logischen Hotkeys für meine Webapp zu verwenden - z. Strg + 1, Strg + 2, Strg + 3, etc ...

So wiederhole ich meine Frage, haben Sie einige Cheatsheet von sicheren Hotkeys, die in Webapp verwendet werden können und sich keine Sorgen über einige Browser oder Betriebssystem Störungen?

Vielen Dank.

Answer 1

Ich würde nicht darauf zählen. Es ist wahrscheinlich in Ordnung, nach Abkürzungen zu lauschen, die den Alt-Modifikator verwenden, aber es gibt immer noch keine Möglichkeit, sicher zu sein, dass eine Tastenkombination frei ist. Benutzer können immer Programme installieren, die auf Tastenkombinationen warten, oder einen Browser verwenden, den Sie nicht erwartet haben.

Wenn die Shortcuts nur verwendet werden können, wenn der Benutzer nicht in ein Textfeld oder etwas eintippt, ist es möglicherweise eine bessere Idee, nur auf Keys zu warten, die ohne eine Modifier-Taste gedrückt wurden. Wenn keine Textbox oder ein anderes GUI-Element fokussiert ist, sollte document.activeElement == document.body wahr sein. (Jemand korrigiert mich, wenn ich falsch liege).

Answer 2

Ich glaube nicht, dass es eine solche Liste gibt. Dies kann für verschiedene Gebietsschemas sogar anders sein.

Sie können versuchen, sich auf die Accesskey-Funktion von HTML zu verlassen: http://www.w3.org/TR/html401/interact/forms.html#adef-accesskey. Dies sollte die Anzahl der Kollisionen relativ klein halten. Obwohl ich glaube, dass die Windows-Browser diese Tasten als Alt + Buchstaben anbieten werden, die mit der Menüleiste kollidieren.

Alternativ tun, was Google Reader und Google Mail tun: Verwenden Sie die Buchstaben direkt ohne Hotkey-Modifikator. Dies funktioniert jedoch nur für bestimmte Arten von Anwendungen.

Answer 3

Wie bei den meisten Listen ist es einfacher zu listen (und somit zu finden), was vorhanden ist und nicht verfügbar ist. Je nachdem, wie Sie "sicheren Hotkey" definieren, gibt es einige (die grundlegenden), oder Tausende (etwas fortgeschrittenere, wie Gmail zwei Buchstabenkombinationen (Hotstrings) verwendet).

Ich denke, das Beste, was Sie tun können, ist, diese beiden umfassenden Listen für OS und browser spezifische Hotkeys zu betrachten, und eine Liste basierend auf diesen. Wenn Sie es noch einen Schritt weiter gehen wollen, here is something that might help you (not tested it myself).

Für Ihr spezifisches Problem, denke ich, sollten Sie sehen, wie Gmail, Facebook, Remember the Milk Hotkeys verwendet; wie diese alle Ihre Frage elegant gelöst haben. Wenn Sie eine Liste von dem, was sie verwenden, erstellen, haben Sie möglicherweise eine Liste von Hotkeys, die Sie dort verwenden können. Nebenbei verwende ich Breevy, AutoHotkey und einige andere Programme, die ich den erweiterten Typ von Hotkeys (43,956 und Zählen) erstellen, und da sie die einfache Art sind, gab es kaum ein Problem mit überlappenden Hotkeys mit ihren Systemen.

Answer 4

Facebook die folgenden ein verwendet, die verschiedenen Hauptschlüssel zu drücken müssen auf dem verwendeten Browser abhängig:

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 

unterstützt jedoch Facebook diese Verknüpfungen in allen Browsern:

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 

Fazit: Einige Shortcuts funktionieren möglicherweise in allen Browsern, aber die meisten benötigen zusätzliche Erklärungen.