jquery - 剑道日期选择器的 Tab 键在 Firefox 中不起作用

Question

我有一个剑道日期选择器，如下所示

当用鼠标单击任何一个日期选择器文本时，它会将值悬停在黄色，如下所示。现在，如果我们单击“Tab”按钮，指针会毫无问题地移至下一个字段。

现在，用鼠标双击上面的剑道日期选择器文本，光标开始闪烁而不是悬停值，如下所示。现在，如果我们单击“Tab”按钮，光标不会移动到下一个字段，并且当我单击“Tab”时它会更改日期的值。这种奇怪的行为只发生在 Firefox 和所有其他运行良好的浏览器中，没有任何问题。

搜索了很多，仍在寻找解决方案。请帮我解决这个问题。

Answer 1

这可能是因为您在日期和时间选择器中使用了屏蔽输入。当我遇到类似的问题时，我$(this).focus()在keyup()事件中使用过。

以下代码对我有用：

$("#dpkr-1, #dpkr-2, #dpkr-3, #dpkr-4").keyup(function () {   

//To focus the same element once the input is completed in masked date picker. 
 if (this.value.indexOf("_") === -1)  
  $(this).focus();          
});

您也可以为时间选择器实现相同的代码。

参考