How to remove focus from button after closing javascript confirm box

Question

I have a button with a bootstrap element on it.

<button title="delete" type="button"  class="btn btn-default btn-sr"  data-confirm="Are you sure to delete this item?"><span class="glyphicon glyphicon-trash white"></span></button></a>';

It has a css property which I color it red.

When user clicks the delete button, a JavaScript confirmation will come out.

The problem is whenever i click cancel, the button will be focused. How do I remove the focused button?

Here is the jQuery code:

<script>
    $(document).on('click', ':not(form)[data-confirm]', function(e) {
        if( !confirm($(this).data('confirm')) ) {
            e.stopImmediatePropagation();
            e.preventDefault();
        }
    });
</script>

look at this: > https://stackoverflow.com/questions/2520650/how-do-you-clear-the-focus-in-javascript — Ali Mardan, Dec 06 '18 at 16:40
If you plan to support the blind and those needing ARAI tags, then you _should_ leave the focus where it was before opening the dialog. Otherwise it gets confusing for the user not knowing where the focus was put. — Intervalia, Dec 06 '18 at 16:42

score 3 · Accepted Answer · answered Dec 06 '18 at 16:45

3

Maybe could you try to blur() the button?

<script>
    $(document).on('click', ':not(form)[data-confirm]', function(e) {
        if( !confirm($(this).data('confirm')) ) {
            e.stopImmediatePropagation();
            e.preventDefault();
            $(this).blur(); // to make the focus disappear
        }
    });
</script>

answered Dec 06 '18 at 16:45

D4V1D

5,805
3
30
65

wew.. ty i feel like i really need to study more... btw thank you – KingJ Dec 06 '18 at 16:47
No worries. Happy coding! _(feel free to accept the answer as the best suitable for you)_ – D4V1D Dec 06 '18 at 16:47

score 0 · Answer 2 · answered Dec 06 '18 at 16:44

0

$(this).blur();

removes the focus

answered Dec 06 '18 at 16:44

simonecosci

1,194
7
13

score 0 · Answer 3 · edited Dec 06 '18 at 17:41

0

$(this).blur();

over

document.activeElement.blur()

edited Dec 06 '18 at 17:41

FloatingRock

6,741
6
42
75

answered Dec 06 '18 at 16:44

Xanlantos

887
9
18

How to remove focus from button after closing javascript confirm box

3 Answers3