ホット・キーの構成

> > > >

アクションに関連したデフォルトのキーまたはキーの組み合わせを変更したり、カスタマイズされた少量のコーディングで独自のホット・キーを構成したりできます。次のコード例に示すように、JSF™ Faces (JSF)™ アプリケーションで、View タグの hotkeys 属性を独自のホット・キー値に設定する必要があります。

<jvmf:mapView ... ...
                    hotkeys="{singleSelect : {hotkey : IlvUtil.keys.SPACE},  
                                  zoomIn : {hotkey : [ IlvUtil.keys.NUMPAD_PLUS, IlvUtil.keys.EQUALS ],
                                            filter : { ctrl : false, shift : true }
                                           } 
                            }">
... 
</jvmf:mapView>

次のコード例に示すように、JavaScript™ アプリケーションで、ホット・キー・オブジェクトを作成してから、View オブジェクトの setHotkeys メソッドを呼び出す必要があります。

 var map= new IlvView(x, y, w, h);
...
...
map.setAccessible(true);

var hotkeys = {singleSelect : {hotkey : IlvUtil.keys.SPACE},  
                    zoomIn : {hotkey : [ IlvUtil.keys.NUMPAD_PLUS, IlvUtil.keys.EQUALS ],
                              filter : { ctrl : false, shift : true }
                             } 
             };
map.setHotkeys(hotkeys);

次の表には、カスタマイズできるアクションがリストされています。

アクション	説明	デフォルトのキーまたはキーの組み合わせ
Up	ナビゲーション方式に従って、上の要素にフォーカスを移動します。	上矢印
Down	ナビゲーション方式に従って、下の要素にフォーカスを移動します。	下矢印
Left	ナビゲーション方式に従って、左の要素にフォーカスを移動します。	左矢印
Right	ナビゲーション方式に従って、右の要素にフォーカスを移動します。	右矢印
singleSelect	現在フォーカスのあるグラフィック要素を選択します。	Enter
zoomIn	ビューの領域を拡大します。	Ctrl+ プラス (+)
zoomOut	ビューの領域を縮小します。	Ctrl+ マイナス (-)
panLeft	ビューを左側にパンします。	Ctrl+ 左矢印
panRight	ビューを右側にパンします。	Ctrl+ 右矢印
panUp	ビューを上方にパンします。	Ctrl+ 上矢印
panDown	ビューを下方にパンします。	Ctrl+ 下矢印
moveLeft	選択されたグラフ要素を左に移動します。	Shift+ 左矢印
moveRight	選択されたグラフ要素を右に移動します。	Shift+ 右矢印
moveUp	選択されたグラフ要素を上に移動します。	Shift+ 上矢印
moveDown	選択されたグラフ要素を下に移動します。	Shift+ 下矢印

次のコード例では、JViews Web アプリケーションでホット・キーに使用できるキーおよび対応するキー・コードを定義するオブジェクトを示します。

IlvUtil.keys = {
    BACKSPACE: 8,
    TAB: 9,
    CLEAR: 12,
    ENTER: 13,
    SHIFT: 16,
    CTRL: 17,
    ALT: 18,
    PAUSE: 19,
    CAPS_LOCK: 20,
    ESCAPE: 27,
    SPACE: 32,
    PAGE_UP: 33,
    PAGE_DOWN: 34,
    END: 35,
    HOME: 36,
    LEFT_ARROW: 37,
    UP_ARROW: 38,
    RIGHT_ARROW: 39,
    DOWN_ARROW: 40,
    INSERT: 45,
    DELETE: 46,
    HELP: 47,
    LEFT_WINDOW: 91,
    RIGHT_WINDOW: 92,
    SELECT: 93,
    NUMPAD_0: 96,
    NUMPAD_1: 97,
    NUMPAD_2: 98,
    NUMPAD_3: 99,
    NUMPAD_4: 100,
    NUMPAD_5: 101,
    NUMPAD_6: 102,
    NUMPAD_7: 103,
    NUMPAD_8: 104,
    NUMPAD_9: 105,
    NUMPAD_MULTIPLY: 106,
    NUMPAD_PLUS: 107,
    PLUS: 107,
    NUMPAD_ENTER: 108,
    NUMPAD_MINUS: 109,
    MINUS: 109,
    NUMPAD_PERIOD: 110,
    NUMPAD_DIVIDE: 111,
    EQUALS: 187,
    DASH: 189,
    F1: 112,
    F2: 113,
    F3: 114,
    F4: 115,
    F5: 116,
    F6: 117,
    F7: 118,
    F8: 119,
    F9: 120,
    F10: 121,
    F11: 122,
    F12: 123,
    F13: 124,
    F14: 125,
    F15: 126,
    NUM_LOCK: 144,
    SCROLL_LOCK: 145
  };

現在のセクション

Web アプリケーションでのアクセシビリティー対応表示