带纸张输入和自身元素的Tab键顺序

时间:2016-09-09 12:32:30

标签: polymer accessibility

我已经创建了自己的“日期”输入,其中包括纸张输入,pikaday日期选择器和日期验证器(也是我自己的)。这样做的原因是我要求允许“模糊”日期(如果有人输入4位数字,值在1901和2050之间,这意味着特定年份中的任何时间)和复杂的其他规则,那么2811意味着当前年度的第20个月(我是英国人,所以使用dd / mm / yy - 但我正在替换的系统不需要用户输入/字符)。

我有一个表单,其中包含两个纸张输入字段,后跟我的日期字段。 Tabbing在它们之间移动很好,直到我选择远离我的特殊元素,当一个选项卡没有被选中时,然后下一个选项卡选择下一个字段。

我在日期元素纸张输入的模糊事件上添加了一些代码,并在事件处理程序中执行了var test = document.activeElement;。结果是我页面中的body元素。

如何让标签顺序播放得很好?

1 个答案:

答案 0 :(得分:0)

正如我在问题评论中所解释的那样,pikaday日期选择器已收到模糊的标签,但随后立即被隐藏。这使标签与身体保持一致。我更改了选择器上的各个按钮,使tabindex =" -1"在创建选择器时添加。这解决了问题