jQuery触发器点击按键

时间:2011-08-12 18:20:15

标签: jquery

我的网站上有一个“上一个”和一个“下一个”链接,我想用左右箭头触发。

我是否可以使用箭头键实际触发链接?

谢谢!

3 个答案:

答案 0 :(得分:5)

$(document).keydown(function(e){
    e.preventDefault();    //this may not be necessary

    if (e.keyCode == 37) { 
       $('#previous').click();
    }
    else if (e.keyCode == 39) { 
       $('#next').click();
    }
});

字符代码:

37 - 离开

38 - up

39 - 对

40 - down

答案 1 :(得分:5)

这有效:

var a1 = $('#a1')[0],
    a2 = $('#a2')[0];

$(window).keydown(function (e) {
    if ( e.which === 37 ) {
        window.location.href = a1.href;        
    } else if ( e.which === 39 ) {
        window.location.href = a2.href; 
    }
});

现场演示: http://jsfiddle.net/simevidas/SxeeT/2/

答案 2 :(得分:4)

您可以像这样调用click事件:

$(document).keydown(function(e) {
    e.stopPropagation(); // not sure if you will need this but it should stop horizontal scrolling
    if(e.keyCode === 37) {
        $("#previous").click();
    } else if(e.keyCode === 39) {
        $("#next").click();
    }
});

Here是一个正在行动的小说。