キーボードを介して(理想的には)完全に使用できるWebアプリケーションを開発したいと思います。JavaScriptでキーボードイベントを処理する方法は知っていますが、より大きなアプリケーションでキーボードイベントを管理するのは非常に退屈です。
そのプロセスを簡単にするライブラリはありますか?
本格的なWebGUIフレームワークには興味がないことに注意してください。Webページ/アプリケーションを引き続き管理したい。
キーボードを介して(理想的には)完全に使用できるWebアプリケーションを開発したいと思います。JavaScriptでキーボードイベントを処理する方法は知っていますが、より大きなアプリケーションでキーボードイベントを管理するのは非常に退屈です。
そのプロセスを簡単にするライブラリはありますか?
本格的なWebGUIフレームワークには興味がないことに注意してください。Webページ/アプリケーションを引き続き管理したい。
私のプロジェクトをチェックしてください:
https://github.com/oscargodson/jkey
そしてデモ:
http://oscargodson.github.com/jKey/
自由に使用して、必要に応じて貢献してください:)
私はちょうどネズミ捕りと呼ばれる私自身の1つを開発しました。見てみな。
ホットキー(jQuery のプラグイン) を使用できます。jQuery は非常に軽量な JavaScript ライブラリです。ホットキーを使用するために必要な JavaScript ファイルです。
accesskey
属性について読むことから始めることができます:
この属性は、要素にアクセス キーを割り当てます。アクセス キーは、ドキュメントの文字セットの 1 文字です。ノート。作成者は、アクセスキーを指定するときに、予想されるリーダーの入力方法を考慮する必要があります。
[...]
アクセス キーの呼び出しは、基盤となるシステムに依存します。たとえば、MS Windows を実行しているマシンでは、通常、アクセス キーに加えて「alt」キーを押す必要があります。Apple システムでは、通常、アクセス キーに加えて「cmd」キーを押す必要があります。
accesskey
属性を要素に配置することもできます。この使用例は、 Wikipedia の<a>
サイドバーの「Random Article」リンクにあります。
Web アプリケーションでキーボード ショートカットを実行するための Thomas Fuchs のキーマスターを確認することを強くお勧めします: https://github.com/madrobby/keymaster
それは非常に簡単になります:
// Define short of 'a'
key('a', function(){ alert('you pressed a!') });
// Returning false stops the event and prevents default browser events
key('ctrl+r', function(){ alert('stopped reload!'); return false });
// Multiple shortcuts that do the same thing
key('⌘+r, ctrl+r', function(){ });
アクセスキーのHTML属性を使用すると、Webアプリケーションにアクセスできるようになります。
KeyTips jQueryプラグインを使用して、 Officeリボンのキーボードショートカットと同様の方法でユーザーに表示します。
accesskeyのWikipediaページには、さまざまなブラウザのアクセスキーを呼び出すための修飾キーがリストされていることに注意してください。
A List Apartの記事:Accesskeys:UnlockingHiddenNavigationも参照してください。