2012-11-26 54 views
0

我想允許照片庫網站(一頁,一張照片)的鍵盤導航。這個功能是什麼?我使用下面的代碼來管理鍵盤事件,並且我想知道如何實現goToPage()函數。如何使用Javascript更改頁面以進行鍵盤導航?

謝謝。

document.onkeydown = checkKeycode; 
function checkKeycode(e) { 
    var keycode; 
    if (window.event) 
    keycode = window.event.keyCode; 
    else 
    if (e) keycode = e.which; 
    switch (keycode) { 
    case 37: // left arrow 
     goToPage("page1.htm"); 
     break; 
    case 39: // right arrow 
     goToPage("page3.htm"); 
     break; 
    } 
} 
+0

你的意思是你想將用戶重定向到這些網頁中的字符串當他們擊中那些鍵盤鍵? – thatidiotguy

+0

是的,這是個問題。 –

+0

查看@FAngel的答案! – thatidiotguy

回答

3

你需要一個document.location

function checkKeycode(e) 
{ 
    var keycode; 

    if (window.event) 
    keycode = window.event.keyCode; 
    else 
    if (e) keycode = e.which; 

    switch (keycode) 
    { 
    case 37: // left arrow 
     document.location = "page1.htm"; 
    break; 

    case 39: // right arrow 
     document.location = "page3.htm"; 
    break; 
    } 
} 
0

只要你的頁面被整齊地命名,你可以使用

document.location = "http://www.myURL" 

但是,你需要爲你的頁面的循環。有跡象表明,你通過這樣的方法很多,如附加一個數字的字符串:

var count = 0; 
var html; 
function previous(){ 
    html = "http://www.page" + count + ".htm" 
    document.location = html; 
} 
function next(){ 
    var count +=1; 
    html = "http://www.page" + count + ".htm" 
    document.location = html; 
} 

或存儲陣列等