HTML giriş nesnesi(input), link(a) gibi nesnelere kısayol tuşları ile erişmek için kullanabileceğiniz accesskey özelliğinin kullanımı ve farklı tarayıcılardan atamış olduğunuz kısayollara ait erişimin nasıl sağlandığını bu makalede göreceğiz.
HTML accesskey özelliği ile nesnelere kısayol atama
Şimdi 2 anchor etiketi ile link oluşturup bu linklere tıklamadan kısayollar ile nasıl tetikleyebileceğimizi görelim. Önce alttaki kodda accesskey özelliğinin kullanımı ve kısayol tuşunun tanımlanmasının nasıl yapıldığını görelim.
HTML
1 2 | <a href="//muratoner.net/kategori/html-19-1.html" accesskey="h">HTML5</a><br> <a href="//muratoner.net/kategori/css-6-1.html" accesskey="c">CSS3</a> |
Üstteki kısayol tanımlamalarına erişim her tarayıcıda farklılık göstermektedir alttaki tablo yardımıyla tarayıcılardan accesskey özelliğine atamış olduğunuz tuşun yanında hangi yardımcı tuşu kullanmanız gerektiği ile ilgili bilgiye ulaşabilirsiniz.
Tüm tarayıcılarda sorunsuz çalışmaktadır fakat her tarayıcı kısayol tuş kombinasyonu farklıdır bu farkları alttaki kısayol tablosundan gözlemleyebilirsiniz.
Tarayıcı Desteği
Attribute | |||||
---|---|---|---|---|---|
accesskey | Evet | Evet | Evet | Evet | Evet |
Kısayol Tablosu
Trayıcı | Windows | Linux | Mac |
---|---|---|---|
Internet Explorer | [Alt] + accesskey | – | |
Chrome | [Alt] + accesskey | [Alt] + accesskey | [Control] [Alt] + accesskey |
Firefox | [Alt] [Shift] + accesskey | [Alt] [Shift] + accesskey | [Control] [Alt] + accesskey |
Safari | [Alt] + accesskey | – | [Control] [Alt] + accesskey |
Opera | Opera 15 veya daha yenisi [Alt] + accesskey Opera 12.1 veya daha eskisi : [Shift] [Esc] + accesskey |