使用方向键导航多步骤表单

Navigating a multi-step form using arrow keys?

本文关键字:表单 导航 方向      更新时间:2023-09-26

我有一个5面板多步骤表单,使用div 'previous''next'导航。我想让它像点击上一个按钮一样点击左方向键,但是点击右方向键会像点击右。

我有这个工作…的。

我已经正确地绑定(ed)了我的箭头键,但由于它离开了类名,它想要通过每一个标签。是否有一种方法可以做到这一点,所以它只激活一个是在<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");
    };
});

既然一切都已经正常了。我建议
对于你特别感兴趣的元素,有一个不同的类名,&触发,只点击它们
因此它只对那些

祝你好运。

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