我有2個鏈接：<a href='leftLink.php'><< Prev</a>和<a href='rightLink.php'>Next >></a>。按下鍵盤箭頭時轉到鏈接

是否可以去leftLink when pressing left arrow from keyboard和rightLink.php when pressing right arrow from keyboard？任何建議將非常歡迎

在此先感謝您。

來源

2014-04-06 Valeriu Mazare

賦予這兩個環節的ID和設置一個偵聽器keyup事件，然後檢查鍵碼按下然後獲得適當的鏈接，並觸發點擊它。

HTML

<a id="prevLink" href='leftLink.php'><< Prev</a> 
<a id="nextLink" href='rightLink.php'>Next >></a>.

document.addEventListener("keyup",function(e){ 
    var key = e.which||e.keyCode; 
    switch(key){ 
     //left arrow 
     case 37: 
     document.getElementById("prevLink").click(); 
     break; 
     //right arrow 
     case 39: 
     document.getElementById("nextLink").click(); 
     break; 
    } 
});

來源

2014-04-06 17:37:05

使用該檢測按鍵..

function checkKey(e) { 
    var event = window.event ? window.event : e; 
    if (true) { 
     alert(event.keyCode) 
    } 
}

從這裏按下確定鍵和使用document.location將瀏覽器重定向。

鍵編碼是：

left = 37 
up = 38 
right = 39 
down = 40

來源

2014-04-06 17:34:33

你可以試試這個：

$("body").keydown(function(e) { 
    if(e.keyCode == 37) { // left 
    //your code 
    window.location.href = "leftLink.php"; 
    } 
    else if(e.keyCode == 39) { // right 
    //your code 
    window.location.href = "rightLink.php"; 
    } 
});

Reference

來源

2014-04-06 17:34:53 Manwal

jQuery是沒有標記，你應該表現出純JavaScript的解決方案，然後如果需要的話建議jQuery的。雖然jQuery是一個很好的庫，但他可能不會使用它，只是爲此添加它只會增加開銷來執行簡單的任務 –

OP沒有提到他想要javascript解決方案。 @PatrickEvans +1爲你的答這一個也不錯。 – Manwal

OP有它標記的JavaScript，我只是說，因爲它沒有標記jQuery你不能假定他知道什麼jQuery是或知道，如果他甚至使用它。 –

按下鍵盤箭頭時轉到鏈接

回答

Reference

相關問題