如何在不使用tabindex的情况下跳过项目?

15 javascript focus tab-ordering

在javascript onfocus()处理程序中,有一种好方法可以将焦点转移到Tab键顺序中的下一个项目,而无需手动输入应该是下一个项目的ID吗?

我在Django/jQuery中构建了一个HTML日期选择器.这是一个行编辑,后跟一个弹出日历的日历图标.我希望能够从行编辑到下一个输入,跳过日历图标的链接.我的意思是它是一个通用的小部件,所以我不能硬编码下一个的id并调用.focus().我知道我可以在所有内容上设置tabindex属性,但这比我想要的更加手动.另外,iirc,它不会阻止它获得焦点,它只会把它放在Tab键顺序的末尾.

小智 27

为该控件设置tabindex =" - 1",浏览器将从Tab键跳过该控件.

  • 似乎至少可以在FF10和IE9上工作.@dfrakow,看起来这是一个事实上的标准.验证是该死的...... (5认同)

Sop*_*ert 2

或许:

$("#your-calendar-icon").focus(function() {
  $(this).trigger("blur");
);
Run Code Online (Sandbox Code Playgroud)