1.概述
1.1 問題描述
當我們報表有多頁時，在展示時想使用鍵盤的上下鍵、左右鍵或空格鍵實現對報表的操作，如上下鍵實現翻頁，該如何實現呢？
1.2 實現思路
通過 JS 獲取按下按鍵的鍵值，根據鍵值對報表進行判斷翻頁操作。
2. 示例
1）準備一個預覽時多頁呈現的模板。
2）點擊菜單模板>模板 Web 屬性>分頁預覽設置，選擇 爲該模板單獨設置，添加一個加載結束事件，如下圖所示：
JavaScript 代碼如下：
//獲取鍵盤按鍵按下事件
$(document).bind('keydown', function(e) {
//獲取按鍵鍵值
var key = window.event ? e.keyCode : e.which;
//alert(key);
if (key.toString() == "33"|| key.toString() == "37" || key.toString() == "38") {
//跳轉到上一頁
contentPane.gotoPreviousPage();
}
else if (key.toString() == "32" || key.toString() == "34"|| key.toString() == "39" || key.toString() == "40") {
//跳轉到下一頁
contentPane.gotoNextPage();
}
})鍵盤按鍵對照表如下：
| 對應按鍵 | 按鍵十進制值 |
|---|---|
| 空格鍵（Space鍵） | 32 |
| Page Up鍵（PgUp鍵） | 33 |
| Page Down鍵（PgDn鍵） | 34 |
| LEFT ARROW鍵（←） | 37 |
| UP ARROW鍵（↑） | 38 |
| RIGHT ARROW鍵（→） | 39 |
| DOWN ARROW鍵（↓） | 40 |
3）保存模板，點擊分頁預覽，當按鍵爲 Page Up鍵（PgUp鍵）、LEFT ARROW鍵（←）、 UP ARROW 鍵（↑），即可跳轉到上一頁，
當按鍵爲空格鍵（Space 鍵）、Page Down鍵（PgDn鍵）、RIGHT ARROW鍵（→）、DOWN ARROW 鍵（↓）即可跳轉到下一頁。
