29

キーボードを介して（理想的には）完全に使用できるWebアプリケーションを開発したいと思います。JavaScriptでキーボードイベントを処理する方法は知っていますが、より大きなアプリケーションでキーボードイベントを管理するのは非常に退屈です。

そのプロセスを簡単にするライブラリはありますか？

本格的なWebGUIフレームワークには興味がないことに注意してください。Webページ/アプリケーションを引き続き管理したい。

4

7 に答える 7

37

私のプロジェクトをチェックしてください：

https://github.com/oscargodson/jkey

そしてデモ：

http://oscargodson.github.com/jKey/

自由に使用して、必要に応じて貢献してください:)

于 2011-05-02T22:43:28.603 に答える
18

私はちょうどネズミ捕りと呼ばれる私自身の1つを開発しました。見てみな。

于 2012-07-10T02:56:44.247 に答える
10

ホットキー(jQuery のプラグイン) を使用できます。jQuery は非常に軽量な JavaScript ライブラリです。ホットキーを使用するために必要な JavaScript ファイルです。

于 2011-05-04T19:21:21.350 に答える
5

accesskey属性について読むことから始めることができます：

この属性は、要素にアクセス キーを割り当てます。アクセス キーは、ドキュメントの文字セットの 1 文字です。ノート。作成者は、アクセスキーを指定するときに、予想されるリーダーの入力方法を考慮する必要があります。
[...]
アクセス キーの呼び出しは、基盤となるシステムに依存します。たとえば、MS Windows を実行しているマシンでは、通常、アクセス キーに加えて「alt」キーを押す必要があります。Apple システムでは、通常、アクセス キーに加えて「cmd」キーを押す必要があります。

accesskey属性を要素に配置することもできます。この使用例は、 Wikipedia の<a>サイドバーの「Random Article」リンクにあります。

于 2011-04-29T19:43:19.150 に答える
3

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(){ });
于 2013-01-30T07:58:47.007 に答える
2

アクセスキーのHTML属性を使用すると、Webアプリケーションにアクセスできるようになります。

KeyTips jQueryプラグインを使用して、 Officeリボンのキーボードショートカットと同様の方法でユーザーに表示します。

ここに画像の説明を入力してください

デモをお試しください。GitHubのコード。

accesskeyのWikipediaページには、さまざまなブラウザのアクセスキーを呼び出すための修飾キーがリストされていることに注意してください。

A List Apartの記事：Accesskeys：UnlockingHiddenNavigationも参照してください。

于 2012-07-13T11:18:44.953 に答える
2

これは非常に使いやすいです。

例：

shortcut.add("Up",     // Key
             go_up()); // Function
于 2011-05-09T10:10:50.363 に答える