使用方向键导航多步骤表单
Navigating a multi-step form using arrow keys?
我有一个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");
};
});
既然一切都已经正常了。我建议
对于你特别感兴趣的元素,有一个不同的类名,&触发,只点击它们
因此它只对那些
(如果满足你的需要,请标记为答案)
相关文章:
- 在导航栏中的搜索表单上使用jQuery for Action Listeners
- 如何禁止html表单在提交时导航
- 仅在表单提交时导航到页面
- 如何在从其他视图(类)按下导航栏提交按钮时获取表单数据
- CRM 2013:刷新表单或通过浏览器的后退按钮向后导航时出现奇怪的行为
- reactJS在转到另一个URL时如何传递状态?(单击导航栏上的“新建”,转到提交表单)
- 如何在成功提交表单后重新加载导航栏
- 与另一个表单在同一页面上的下拉表单导航
- 如何使bootstrap 3.1.0表单崩溃像bootstrap导航条
- 键箭头导航在ul上,而不是在输入表单上
- 在导航表单页面后清除浏览器缓存
- 除了鼠标单击外,还可以使用Tab键导航滑动表单
- 在网站内导航时重置表单
- 如何从TAB导航中跳过表单元素
- 使用JavaScript函数保存表单并在浏览器中向后导航
- 支付导航表单php支付网关和返回php(响应返回php页面)
- PHP Ajax调用导航到表单提交的动作页面
- 使用方向键导航多步骤表单
- 在表单中导航 AngularJS
- Ajax jQuery表单不能正常工作,导航到PHP文件