問題タブ [mousetrap]

Mousetrap JavaScript ライブラリを使用しており、特定の要素の入力をキャプチャしたいと考えています。

シナリオは、KnockoutJS がバインドするユーザー名とパスワード用のテキストボックスがあり、ボタンが押されると、ユーザーをログインするための ajax リクエストが行われます。フォームがなく、実際のボタンではないため、Jquery UI がボタンに変わるアンカーであるため、マウストラップをドキュメント レベルではなく要素にバインドする簡単な方法があるかどうか疑問に思っていました。

たとえば、通常のネズミ捕りバインディングは次のようになります。

これで、ページ (テキスト ボックス要素の外側) で Enter キーが押されたかどうかがチェックされ、それに基づいて何かが実行されます。この場合の問題は、特定の要素の範囲内で実行されるときはいつでも、このイベントのみをキャプチャできるようにしたいということです。

たとえば、次のようなことをしたいと思います。

または、次のようなより流暢な場合があります。

これを行う方法はありますか？現在、(Mousetrap を使用して) それを行うことができる唯一の方法は、このドキュメント スコープ バインディングを使用し、可能であればイベントが発生した要素を取得することです。

Jqueryまたはvanilla jsでこの種のことができることは知っていますが、すでにMousetrapがロードされているので、可能であればここで再利用したいと思います。

同様の方法でいくつかのキーストロークを処理するためにマウストラップJavascript プラグインを使用しようとしているので、次のようにコーディングすることを考えました。

しかし、明らかに、i可変です。ただし、応答でイベントパラメーターと競合するクロージャーを作成する方法がわかりません。この状況を処理する方法についての提案はありますか?

on()jQueryの機能を拡張してmousetrap.jsを実装するプラグインを書いています

関数から取得してthisに渡す必要がありon()ます。

これは私のコードです:

問題は、それを使用すると、選択した要素だけでなく、すべての要素にイベントが関連付けられることです。

http://jsfiddle.net/zkLMX/1/

私は何を間違っていますか？

私は新しい createjs を使用していますが、flip と addflipframes が削除されました。どうやら scaleX=-1 の方が速いと思われますが、キャラクターを左右に動かしたいときに奇妙なラグが発生します。私は自分の動きの機能に問題があるか、または単に mousetrap.js が create.js と友好的でないかをコーディングしたことを望んでいます

http://jsfiddle.net/w5uZF/8/ jsFiddle のテストゲームです。新しいシステムの使い方を学んでいます。

これらは私のネズミ捕りバインディングです：

これらは移動のための私の機能です:

8フレームあるスプライトの作り方を見せていただければと思います。

ムーブメントのパフォーマンスを向上させる方法を知りたいので、どんな提案や批判も受け付けています。

ネイティブ Javascript キー イベントを使用してキャラクターを動かそうとしましたが、結果は同じでした。左右に移動するとキャラクターが遅れるのがおかしいです。

キーの押下をキャプチャするためにネズミ捕りを使用しています。私が定義したい近道の 1 つは、入力に集中することです。

Mousetrap.bind('i', function() { $('.input').focus() });

フォーカスは正常に機能しますが、「i」キーを押すと入力にバブリングされ、フォーカスされると入力にも「i」が入力されます。

入力に「i」が書き込まれないようにする方法はありますか? どんな助けでも大歓迎です。

ありがとう

ホットキーを使用して AngularJS のタブを変更しようとしています。私は AngularJS を初めて使用しますが、以下のコードのように単純である必要があると確信しています。そのため、ホットキーを押しても、タブのアクティブ性を変更できません。今のところ基本的に何もしていませんが、't' を押すと、tab2 のコンテンツが表示されるはずです。

関数を呼び出し、Mousetrap を使用してキーボード ショートカットを使用するキーバインド ディレクティブを作成しました。そのため、ホットキー 't' を押すと、関数を呼び出してアクティブなタブを true に変更できますが、変更を表示できません。ビューで。

これは私のhtmlファイルです

これはapp.jsファイルです

これがプランカーです。