2013-03-05 15 views
6

Jak utworzyć skróty klawiaturowe dla aplikacji HTML5? Używanie zdarzeń kluczowych nie działa, ponieważ niektóre przeglądarki definiują już większość tych wejść dla wbudowanych funkcji, takich jak Zapisz jako ... (które są bezużyteczne w przypadku aplikacji interaktywnych).Tworzenie skrótów klawiszowych dla aplikacji HTML5?

+4

trzeba pokazać to, czego próbowaliśmy, a czego nie lubią, są mnóstwo skrótów, które nie są pobierane przez przeglądarkę ... –

Odpowiedz

12

Dobrze, że ktoś pracuje dla mnie: (Ctrl + S w Chrome)

$(document).keydown(function(evt){ 
    if (evt.keyCode==83 && (evt.ctrlKey)){ 
     evt.preventDefault(); 
     alert('worked'); 
    } 
}); 
+0

tak, kluczem jest użycie 'event.preventDefault()'. jednak niektóre skróty nie działają w niektórych przeglądarkach, podczas gdy inne nie działają w innych przeglądarkach. – lordvlad

+0

Widzę twój punkt, ctrl-s uruchomi okno zapisu z ostrzeżeniem w FF, ale jak wspomniałem wyżej o Juanie Mendesu, powinieneś użyć skrótów, które są nieużywane w żadnej przeglądarce lub aliasy skrótów dla różnych przeglądarek. Z pewnością nie widzę innego sposobu, ponieważ aplikacja internetowa nie może zastąpić wbudowanych funkcji. Być może powinieneś zajrzeć do pisania wtyczek do tego. – apoq

+0

Oczywiście, event.preventDefault() jest rzeczywiście kluczowym punktem, którego mi brakowało. Czy mogę zapytać, czy twoje rozwiązanie jest zgodne z wieloma przeglądarkami (na przykład w specyfikacji)? – MaiaVictor

Powiązane problemy