2014-05-12 134 views
0

我有兩個按鈕:jQuery的按鍵時觸發按鈕

$('#prev').click(function() { 
    // some code 
}); 

$('#next').click(function() { 
    // some other code 
}); 

我現在想要做的是增加一個.keypress()處理程序觸發對arrow-left#prev點擊爲arrow-right它觸發#next網站。問題是我如何添加這個處理程序?

+0

所以添加一個按鍵處理,並期待在鍵碼。 – epascarello

+0

你可能想要一個'keyup'事件(http://api.jquery.com/keyup/)。確保您附加到文檔或其他真正關注的內容。否則,您的關鍵事件將不會像您期望的那樣被解僱。 –

回答

2

您可以檢查​​事件並捕獲左/右箭頭鍵代碼。

如果左/右箭頭被按壓觸發按鈕,箭頭代碼:

37 - 左

38 - 向上

39 - 右

40 - 向下

代碼:

$('#prev').click(function() { 
    alert('prev'); 
}); 

$('#next').click(function() { 
    alert('next'); 
}); 

$(document).keydown(function (e) { 
    if (e.keyCode == 37) { 
     $('#prev').click(); 
     return false; 
    } 
    if (e.keyCode == 39) { 
     $('#next').click(); 
    } 
}); 

演示:http://jsfiddle.net/IrvinDominin/6CYXH/

+0

非常感謝你!這有幫助! – supersize