鍵盤導航與jquery

Question

在jquery中，如何設置一個事件，以便當用戶瀏覽一些圖片，並按下左/右箭頭鍵時，它調用一個功能，可用於顯示前/後的照片？我只需要知道如何檢查按下的鍵是否是右/左鍵，並忽略所有其他鍵。

的圖像將在其自己的DIV \

Answer 1

我以前用過這個。這對我的作品中，我用了enviornments（Linux和Windows與FF）

$(document).keypress(function(e) { 
    if (e.keyCode === 37) { 
    // left 
    } 
    else if (e.keyCode === 39) { 
    // right 
    } 
}); 

話雖這麼說，我不是很確定上的箭頭鍵連接是一個好主意，因爲用戶可以改變文本大小並導致滾動條出現。箭頭會意外改變畫面。

Answer 2

使用jQuery的按鍵事件，像這樣：

$("input").keypress(function (e) { 
    if (e.which == 32 || (65 <= e.which && e.which <= 65 + 25) 
        || (97 <= e.which && e.which <= 97 + 25)) { 
    var c = String.fromCharCode(e.which); 
    $("p").append($("<span/>")) 
      .children(":last") 
      .append(document.createTextNode(c)); 
    } else if (e.which == 8) { 
    // backspace in IE only be on keydown 
    $("p").children(":last").remove(); 
    } 
    $("div").text(e.which); 
}); 

我不知道該值將是本作的左/右，但有點試驗這個腳本應該讓你去