Flex order和tabindex

Question

我正在使用一个第三方插件来显示一个用于添加和保存生日的表单。它按垂直顺序显示输入字段：

日、年、月

我使用flex和order属性对输入字段进行重新排序，如下所示：

日、月、年

但现在如果我用tab键浏览输入，焦点就会从一天转到另一年。

我可以通过在HTML标记中使用tabindex来修复它，但我没有访问HTML的权限。

有没有其他方法可以将tabindex更改为: Day -> Month -> Year？

Answer 1

我也遇到过类似的问题。作为javascript解决方案，您可以将tabindex重新分配给order值。

下面是我用来解决这个问题的部分代码：

/**
 * for ex. : ELEMENT_TO_SET = 'input,textarea'
 *           ELEMENT_WITH_ORDER_VALUE = document.getElementById('elementId')
 *
 * this will set all inputs and textareas that are containing in my element who has an order value
 */
$(ELEMENT_TO_SET).each(function(){
    $(this).attr("tabIndex", getComputedStyle(ELEMENT_WITH_ORDER_VALUE,null).order);
});