用于剑道日期选择器的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();          
});

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

Reference