Bootstrap Modal Button Can't Autofocus

Question

I have a confirmation dialog with modal dialog from Bootstrap. I was add "autofocus" attribute for the"Yes" button. But when the dialog show, the button can't set as autofocus. I have try this code:

$('.modal').on('shown', function () {

    $("#btnYes").focus();

});

But also didn't work for me.

If you have any solution, please tell me. Thanks in advance.

score 2 · Accepted Answer · edited May 23 '17 at 12:32

2

If you're using Bootstrap 3.0+ try this:

 $('.modal').on('shown.bs.modal', function () {
    $(this).find('[autofocus]').focus();
});

Also check out this post

edited May 23 '17 at 12:32

Community

1
1

answered Aug 09 '15 at 23:21

Ju66ernaut

2,592
3
23
36

hai sir, do you have any idea to navigate button with navigation keyboard? – Dharmana Aug 09 '15 at 23:25
I am not familiar with navigation keyboard. What is that exactly? – Ju66ernaut Aug 09 '15 at 23:30
FWIW, the bootstrap 3 event is 'shown.bs.modal' (not 'shown'). I have edited the answer appropriately – Brad Kent Apr 07 '17 at 21:46

Bootstrap Modal Button Can't Autofocus

1 Answers1