キーボードのショートカット

次の表は、PDFビューワでサポートされているキーボードのショートカットを示します。これらのショートカットは、サポートされているさまざまな操作をより効率的に実行し、PDFビューワのコンポーネントにアクセスしやすくするのに役立ちます。

キーの組み合わせ	キーのコード	アクション	アクションの説明
［Ctrl］ + テンキーの［+］	107	zoomin	ドキュメントを拡大します。
［Ctrl］ + ［+］	187	zoomin	ドキュメントを拡大します。
［Ctrl］ + テンキーの［-］	109	zoomout	ドキュメントを縮小します。
［Ctrl］ + ［-］	189	zoomout	ドキュメントを縮小します。
［Ctrl］ + ［0］	48	zoom_pagesize	拡大値を「100%」に設定します。
［Ctrl］ + ［9］	57	zoom_clientsize	ページ幅に合わせて拡大または縮小します。
［Ctrl］ + ［A］	65	select_all	ドキュメント内のテキストをすべて選択します。
［R］	82	rotate	時計回りに回転します。
［Shift + ［R］	82	rotate	反時計回りに回転します。
［H］	72	pan	手にひらツールを有効にします。
［S］	83	selection	テキスト選択ツールを有効にします。
Space キー	32	holdToPan	Spaceキーを押したままにすると、手にひらツールが一時的に有効になります。
［Ctrl］ + ［O］	79	open	ローカルシステムからファイルを開きます。
［Ctrl］ + ［F］	70	search	検索パネルを開きます。
［Ctrl］ + ［P］	80	print	ドキュメントを印刷します。
［←］	37	move_caret_left	キャレット（テキストカーソル）を左に移動します。
［↑］	38	move_caret_up	キャレットを上に移動します。
［↓］	40	move_caret_down	キャレットを下に移動します。
［→］	39	move_caret_right	キャレットを右に移動します。
［Home］	36	move_caret_sequence_start	キャレットをテキストの先頭に移動します。
［Ctrl］ + ［ Home］	36	move_caret_document_start	キャレットをドキュメントの先頭に移動します。
［End］	35	move_caret_sequence_end	キャレットをテキストの最後に移動します。
［Ctrl］ + ［End］	35	move_caret_document_end	キャレットをドキュメントの最後に移動します。
［Ctrl］ + ［Enter］	13	confirm-ok	変更を確定します。
［ESC］	27	confirm-cancel	変更をキャンセルします。
［Page Up］	33	scrollUp	上にスクロールします。
［Page Down］	34	scrollDown	下にスクロールします。

キーボードのショートカットのカスタマイズ

PDFビューワでは、デフォルトのキーボードのショートカットの再定義、無効化、オーバーライド、削除もサポートされています。また、ViewerOptions クラスのショートカットオプションを使用して、デフォルトのキーボードのショートカットを他のキーに割り当てたり、APIにて独自のキーボードのショートカットを作成したりすることもできます。

キーボードのショートカットの割り当て

PDFビューワでは、ビューワのツールを任意のキーボードのショートカットキーに割り当てることができます。キーボードのショートカットキーからアクセスできる利用可能な組み込みツールは次のとおりです。

キーボードのショートカットツール
zoomin	move_caret_left
zoomout	move_caret_up
zoom_pagesize	move_caret_down
zoom_clientsize	move_caret_right
select_all	move_caret_sequence_start
rotate	move_caret_document_start
pan	move_caret_sequence_end
selection	move_caret_document_end
holdToPan	confirm-ok
open	confirm-cancel
search	scrollUp
print	scrollDown

holdToPan アクションを［P］キーに割り当てる方法については、次のサンプルコードを参照してください。

	コードのコピー
// ［P］ショートカットをholdToPanアクションに割り当て、［Ctrl］+［P］ショートカットは「印刷」アクションのままにしておきます。 viewer.options.shortcuts["P"] = [{ ctrl: true, tool: "print" }, { tool: "holdToPan" }];

コードのコピー

// ［P］ショートカットをholdToPanアクションに割り当て、［Ctrl］+［P］ショートカットは「印刷」アクションのままにしておきます。
viewer.options.shortcuts["P"] = [{ ctrl: true, tool: "print" }, { tool: "holdToPan" }];

キーボードのショートカットの無効化

holdToPan キーボードのショートカットを無効にする方法については、次のサンプルコードを参照してください。

	コードのコピー
/* DsPdfViewer を初期化し、両方のキーの function(event) を null に設定します。 */ var viewer = new DsPdfViewer("#viewer", { shortcuts: { "Z": { ctrl: true, tool: function(event) { } }, "Y": { ctrl: true, tool: function(event) { } } } }); // holdToPan ショートカットを無効にします。 viewer.options.shortcuts["32"] = () => { };

コードのコピー

/* DsPdfViewer を初期化し、両方のキーの function(event) を null に設定します。 */
var viewer = new DsPdfViewer("#viewer", {

    shortcuts: {

        "Z": {
ctrl: true,
            tool: function(event) { }
},
        "Y": {
ctrl: true,
            tool: function(event) { }
}
    }
});

// holdToPan ショートカットを無効にします。
viewer.options.shortcuts["32"] = () => { };

デフォルトのキーボードのショートカットの削除

デフォルトのキーボードのショートカットをすべて削除するには、次のコード例を参照してください。

	コードのコピー
// DsPdfViewer を初期化し、ショートカットを null に設定します。 var viewer = new DsPdfViewer("#root"); viewer.options.shortcuts = { };

キーボードのショートカットのオーバーライド

［Ctrl］ + テンキーの［+］キーボードのショートカットをオーバーライドする方法については、次のサンプルコードを参照してください。

	コードのコピー
/* DsPdfViewer を初期化し、PDF ページを 10% 拡大する関数 (イベント) を設定します。 */ var viewer = new DsPdfViewer("#root", { shortcuts: { 107: { ctrl: true, tool: function(event) { DsPdfViewer.findControl("#root").zoomValue += 10; event.preventDefault(); } } } });

コードのコピー

/* DsPdfViewer を初期化し、PDF ページを 10% 拡大する関数 (イベント) を設定します。 */
var viewer = new DsPdfViewer("#root", { 
  shortcuts: {
    107: {
ctrl: true,
      tool: function(event) {
        DsPdfViewer.findControl("#root").zoomValue += 10;
          event.preventDefault();
    }
}
  }
});

独自のキーボードのショートカットの作成

独自のキーボードのショートカットを作成する方法については、次のサンプルコードを参照してください。

	コードのコピー
/* ［Ctrl］+［Alt］+［E］が押されたことをユーザーに警告する独自のキーボードのショートカットを作成します。 */ viewer.options.shortcuts["E"] = { ctrl: true, alt: true, tool: function(e) { alert("Ctrl+Alt+E pressed."); } };

コードのコピー

/* ［Ctrl］+［Alt］+［E］ が押されたことをユーザーに警告する独自のキーボードのショートカットを作成します。 */
viewer.options.shortcuts["E"] = {
ctrl: true,
  alt: true,
  tool: function(e) { alert("Ctrl+Alt+E pressed."); }
};