首页 文章

Tab索引不适用于某些元素

提问于
浏览 次
0

我有一个表单，我有数据选择器，并选择2（自定义下拉搜索）和许多输入，文本区域字段当我按Tab键移动下一个字段工作正常但下一个字段是日期选择器或select2然后选项卡索引无法正常工作我想要一般解决方案并在所有浏览器中使用 . 目前我正在做静态解决方案，如获得一个div的id然后Prop选项卡索引1值 .

$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');  
    }
}
html css tabindex

1 回答

  • 1

    您应该获取id select2 ID然后在关闭事件时将焦点引用到下一个字段 .

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

    并为日期选择器

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

    对于简单的输入字段选项卡工作正常 .

    回复于

相关问题