使用箭头键导航多步骤表单?

时间:2015-07-16 19:00:10

标签: javascript jquery css key-bindings

我有一个5面板多步骤表单,使用div 'previous''next'进行导航。我想这样做,所以点击左箭头键就像点击上一个按钮一样,但点击右箭头键将会起到向右击打的作用。

我有这个工作..排序。

我已正确绑定(编辑)我的箭头键,但由于它已经脱离了类名,因此它希望选中每一个键。有没有办法这样做只会激活当前显示的<fieldset>上的那个?

<input type="button" name="previous" class="previous action-button" value="Previous" />

//binds left/right for navigation
$(window).bind('keydown', function(e){

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

1 个答案:

答案 0 :(得分:0)

因为一切都在运作。我建议你  为您特别感兴趣的元素提供不同的类名,&amp;触发器仅点击它们  所以它只选择那些。

祝你好运。

(如果满足您的需要,请将此标记为答案)