当前位置: 代码迷 >> JavaScript >> 使用箭头键浏览多步骤表单?
  详细解决方案

使用箭头键浏览多步骤表单?

热度:75   发布时间:2023-06-12 13:45:49.0

我有一个5面板的多步骤表单,使用divs '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");
    };
});

既然一切都已经开始了。 我会建议
为您感兴趣的特定元素使用不同的类名,并仅触发点击
这样它就不会仅显示那些标签。

祝你好运。

(如果需要,可以将其标记为答案)

  相关解决方案