Tab索引不适用于某些元素

我有我有数据选择器和select2（自定义下拉搜索）和许多输入，文本区域字段时，我按下Tab键移动下一个领域其工作正常但当下一个字段是日期选择器或select2然后tab索引不起作用我希望一般的解决方案和所有浏览器。目前我正在做静态解决方案喜欢得到一个div的id然后Prop标签索引与1值。Tab索引不适用于某些元素

$scope.focusFunctionZipV = function(Id){ 
    var div = '#' + Id; 
    $(div).prop('tabindex', '1'); 
    $(div).select2('open'); 
    //zipV is a div having zip code with select2 
    if(div == '#zipV'){ 
     $('.datepicker-simple').prop('tabindex', '0'); 
    } 
}

来源

2017-05-30 Hassan Shafique

分享您的代码 –

@SuperUser我有我的编辑代码，请参阅 –

选择2自动采取'tabindex'您在下面的链接 https://select2.github.io/examples.html –

您应该获得id select2 ID，然后在关闭事件时将焦点指向下一个字段。

$('#currentDiv').select2().on("select2:close", function (e) { 
    $('#nextDiv').focus() 
});

和日期选择器

$('#ID').datepicker({ 
    onSelect: function(dateText, inst) { 
     $('#nextIDdiv').focus(); 
    }  
});

，并进行简单的输入字段标签工作正常。

来源

2017-05-30 09:19:41 hu7sy

Tab索引不适用于某些元素

回答

相关问题