js_javascriptスキルでショートカットキー/tabindex機能を組み合わせて設定する方法

WBOY
リリース: 2016-05-16 17:13:14
オリジナル
1070 人が閲覧しました

おなじみのペースト Ctrl v やコピー Ctrl C など、日常生活で使用されるショートカット キーは依然として数多くあります。ショートカット キーを使用すると、特に操作に慣れて再度使用する場合に作業の効率が向上します。キーボードを頻繁に使用するユーザーにとって、操作は非常に便利でスムーズになります。キーボードはマウスよりも常に高速になります。

1) tabindex:

は、タブを使用してページ上のリンクとフォーム要素を簡単に制御します。
その使用法は非常に簡単です。 obj.tabindex = tabindex this tabindex;この値は、w3c の規制に従って、0 から始まり 32767 までとなります

2) js の組み合わせショートカット キーの設定

本質は、設定したいキーの keyCode 値を取得することです。 Ctrl、Alt、Shift を追加したい場合は、 ctrlkey、altKey、shiftKey を追加して判断するため、キーはキーコードの値にあります

(1) Ctrl Enter を設定して
if (e.ctrlKey && e. keyCode == 13){
return submit();


(2) Alt 方向キーを設定します ←
if (e.altKey&& e.keyCode == 37){
return submit();
}


(3) シフト F10 を設定
if (e.shiftKey&& e.keyCode == 37) {
return submit( );
}


4)
ter submit
if (e.keyCode == 13){
を設定しますreturn submit();
}

ここでは一般的なショートカット キーをいくつか示します:

キーコード 8 = BackSpace BackSpace
キーコード 9 = Tab Tab
キーコード 12 = Clear
キーコード 13 = Enter
キーコード 16 = Shift_L
キーコード 17 = Control_L
キーコード 18 = Alt_L
キーコード 19 = 一時停止
キーコード 20 = Caps_Lock
キーコード 27 = Escape Escape
キーコード 32 = スペース スペース
キーコード 33 = 前
キーコード 34 = 次へ
キーコード 35 = 終了
キーコード 36 = ホーム
キーコード 37 = 左
キーコード 38 = 上
キーコード 39 = 右
キーコード 40 = 下
キーコード 41 = 選択
キーコード 42 = 印刷
キーコード 43 = 実行
キーコード 45 = 挿入
キーコード 46 = 削除
キーコード 47 = ヘルプ
注: ブラウザの互換性に関する質問

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート