矢印キーを使用して移動する必要があるテーブルがあります。
例: 右矢印を押すと、関数はテーブル内の次の右セル(入力、選択、テキストエリア)を見つけてそれにフォーカスし、左上と下のキーに対して同じアクションになります。
そのためのプラグインはありますか?それとも自分でコードを書くべきですか?
私の問題を理解していただければ幸いです。
矢印キーを使用して移動する必要があるテーブルがあります。
例: 右矢印を押すと、関数はテーブル内の次の右セル(入力、選択、テキストエリア)を見つけてそれにフォーカスし、左上と下のキーに対して同じアクションになります。
そのためのプラグインはありますか?それとも自分でコードを書くべきですか?
私の問題を理解していただければ幸いです。
私は完全に理解することはできませんでしたが、それでもどういうわけかここにその主なアイデアがあります.
使用するツールまたはコード:
jQuery はnext()
、そのコードを記述するときに、任意の keyEvent または clickEvent の兄弟または任意の要素を調べます。
キーコードは何でしたか:
また、キーコードを見つけることができる非常に便利な Web リンクもお伝えします。これが最高のリンクだと信じてください。http://whatthekeycode.com/このサイトでは、任意のキーを押すと、そのキーコードが取得されます。そして、そのコードを jQuery に使用します。
keyPress がエンターだとします
if ((e.keyCode || e.which) == 13) {
// do your work
}
注: 13 は入力用のキーコードです。私が共有した Web サイトで他のコードを見つけることができます。
動き回るjQuery:
私はあなたにテーブルでのサーフィンの仕方を教えます、私はあなたに次のことだけを教えます、右左などあなた自身のために他の人を使ってください。
$(this).next().focus();
this
イベントが発生した要素でジョブを実行するために使用されます。それから、next()
そして最後にFOCUS!
私がしたであろうこと:
要素に独自の ID を使用していたでしょう。イベントが発生すると、次のようになりid="rownumber_2
id="rownumber_3
ます。rownumber_2
$(this).next().focus(); // where instead of this, it would be #rownumber_2
でも、自分が楽になれることをしてください!:)