javascript - 如何在 bootbox 上设置 tabindex？

Question

我有一个自定义确认对话框，我想在btn-danger按钮上有 tabindex，这样我就可以使用 enter 提交表单。

如何做到这一点？

var config = {
    title: 'Confirm approval removal',
    message: "<em>" + self.$label.text() + "</em> is about to be removed. Please confirm the action.",
    buttons: {
        'cancel': {
            label: 'Keep approval',
            className: 'btn-default'
        },
        'confirm': {
            label: 'Remove approval',
            className: 'btn-danger'
        }
    },
    callback: function(result) {
        if (result) {
            self.$approvedCheckbox.prop('checked', false);
        } else {
            self.$approvedCheckbox.prop('checked', true);
            self.$requiredCheckbox.prop('checked', false);
        }

        self.markRequiredFields();
    }
};

bootbox.confirm(config);

我尝试添加 tabindex 属性，但没有奏效。

Answer 1

具有btn-primary该类的按钮将获得自动对焦以完成输入。它还可以与btn-danger：

var config = {
    ...
    buttons: {
        'cancel': {
            label: 'Keep approval',
            className: 'btn-default'
        },
        'confirm': {
            label: 'Remove approval',
            className: 'btn-danger btn-primary' // this button will get the index and will be submitted on enter
        }
    },
    ...
};


bootbox.confirm(config);