Javascript 如何防止表单字段中的tab按钮跳转到另一个字段?
示例:这是我的预订表单,当我单击关键字上的tab按钮时,它需要转到名字、电子邮件、房间类型,但阻止tab从到达日期跳转到预定日期 我从一些堆栈溢出解决方案中尝试了这种方法。当我单击关键字中的tab按钮时,它应该跳转到全名字段和姓氏字段,并防止tab标记并跳转到直接年龄字段。那么有什么方法可以这样做呢Javascript 如何防止表单字段中的tab按钮跳转到另一个字段?,javascript,html,Javascript,Html,示例:这是我的预订表单,当我单击关键字上的tab按钮时,它需要转到名字、电子邮件、房间类型,但阻止tab从到达日期跳转到预定日期 我从一些堆栈溢出解决方案中尝试了这种方法。当我单击关键字中的tab按钮时,它应该跳转到全名字段和姓氏字段,并防止tab标记并跳转到直接年龄字段。那么有什么方法可以这样做呢 <input type="text" name="full name" class="form-control"&g
<input type="text" name="full name" class="form-control">
<input type="text" name="last_name" class="form-control">
<a href="{{ route('banks.index') }}" class=" block-tab ">Go to another Page</a>
<input type="number" name="age">
<button type="submit" >Save</button>
<script>
$('.block-tab').on('keydown', function(e) {
if (e.keyCode == 9) e.preventDefault();
});
</script>
拯救
$('.block tab')。打开('keydown',函数(e){
如果(e.keyCode==9)e.preventDefault();
});
使用tabindex=“-1”
跳过输入字段
有关更多信息,请阅读文档