2013-03-05 19 views
6

HTML5 uygulamaları için klavye kısayolları nasıl oluşturulur? Önemli etkinlikler kullanmak işe yaramıyor çünkü bazı tarayıcılar, bu girişlerin çoğunu halihazırda Farklı Kaydet ... gibi yerleşik özellikler için tanımlamaktadır (etkileşimli uygulamalar için işe yaramaz).HTML5 uygulamanız için klavye kısayolları oluşturma?

+4

kaldırmak için kısayolu

shortcut.add("Ctrl+B",function() { alert("Bold");}); 

örnek eklemek için Tarayıcı tarafından alınmayan birçok kısayol ... –

cevap

12

Eh, bu bir benim için çalışıyor: (CTRL-S Chrome'da)

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

evet, anahtar 'event.preventDefault()' kullanmaktır. Yine de, bazı tarayıcılar bazı tarayıcılarda çalışmazken, diğerleri diğer tarayıcılarda çalışmazlar. – lordvlad

+0

Anladığım kadarıyla, ctrl-s FF'de bir uyarı ile iletişim kurmayı başlatır, ancak Juan Mendes'in yukarıda bahsettiği gibi, kısayollar kullanmalısınız. herhangi bir tarayıcıda kullanılmaz veya farklı tarayıcılar için kısayol tuşlarınız için takma adlar kullanamazsınız. Web uygulaması yerleşik işlevleri geçersiz kılmayacağından kesinlikle başka bir yol göremiyorum. Belki de bunun için eklentileri yazmanız gerekir. – apoq

+0

Elbette, event.preventDefault() aslında eksik olduğum anahtar noktadır. Çözümünüzün çapraz tarayıcı olup olmadığını sorabilir miyim (belirtimde olduğu gibi)? – MaiaVictor