https://coscoindustries.com/Themes/Bootstrap/Content/js/keyboard.js

1$('.mainNav a[aria-haspopup="true"]').focus(function (e) {
2    if ($(this).siblings('ul.first-level').length != 0) {
3        closeAllDropdowns(null);
4        $(this).siblings('ul.first-level').children().find('.sublist').css('display', 'none');
5        $(this).siblings('.dropdown-menu').addClass('show');
6        $(this).attr('aria-expanded', 'true');
7    } else {
8        var width = $(this).innerWidth();
9        $(this).siblings('.dropdown-menu')
10            .addClass('show').css('top', '0')
11            .css('left', (width - 2) + 'px');
12        $(this).attr('aria-expanded', 'true');
13
14        $(this).siblings('.dropdown-menu').css('display', 'block');
15
16        $(this).parent().siblings('.dropdown').children('.dropdown-menu').removeClass('show');
17        $(this).parent().siblings('.dropdown').children('.dropdown-menu').css('display', 'none');
18    }
19}).hover(function (e) {
20    closeAllDropdowns(this);
21});
22
23$('#mobile-collapsing-menu a[aria-haspopup="true"]').focus(function (e) {
24    if ($(this).siblings('ul.first-level').length != 0) {
25        closeAllDropdowns(null);
26        $(this).siblings('ul.first-level').children().find('.sublist').addClass("mobile-d-none");
27        //remove flyout shopping cart if open
28        if ($('#flyoutShoppingCartDiv').css("display") != "none") {
29            $('#flyoutShoppingCartDiv').css("display", "none");
30        }
31    } else {
32        $(this).siblings('.dropdown-menu').addClass("mobile-d-none");
33        $(this).parent().siblings('.dropdown').children('.dropdown-menu').removeClass('show');
34        $(this).parent().siblings('.dropdown').children('.dropdown-menu').addClass("mobile-d-none");
35    }
36});
37
38$('.mainNav a:not([aria-haspopup])').focus(function (e) {
39    if (!$(this).parent().parent().is('.dropdown-menu'))
40        closeAllDropdowns(null);
41    if (!$(this).parent().parent().is('.navbar-nav')) {
42    //if ($(this).parent().parent().hasClass('first-level')) {
43        $(this).parent().siblings('.dropdown').children('.dropdown-menu').removeClass('show');
44        $(this).parent().siblings('.dropdown').children('.dropdown-menu').css('display', 'none');
45    }
46});
47
48$('#mobile-collapsing-menu a:not([aria-haspopup])').focus(function (e) {
49    if (!$(this).parent().parent().is('.dropdown-menu'))
50        closeAllDropdowns(null);
51    if (!$(this).parent().parent().is('.navbar-nav')) {
52        //if ($(this).parent().parent().hasClass('first-level')) {
53        $(this).parent().siblings('.dropdown').children('.dropdown-menu').removeClass('show');
54        $(this).parent().siblings('.dropdown').children('.dropdown-menu').addClass("mobile-d-none");
55    }
56});
57
58$(':not(.mainNav a)').focus(function (e) {
59    if (!($(this).is("#mobile-collapsing-menu a"))) {
60        closeAllDropdowns(null);
61    }
62});
63
64$('body').click(function (event) {
65    let $target = $(event.target);
66    if ($target.closest('#collapsing-navbar-2').length < 1 && $target.closest('#mobile-collapsing-menu').length < 1) {
67        closeAllDropdowns();
68    }
69});
70function closeAllDropdowns(excludes) {
71    var wrapper1 = $('.dropdown-menu');
72    var wrapper2 = $('.mainNav a[aria-expanded]');
73    var wrapper3 = $('#mobile-collapsing-menu a[aria-expanded]');
74    var wrapper4 = $("#mobile-collapsing-menu .dropdown-menu");
75    if (excludes != null) {
76        wrapper1 = wrapper1.not(excludes);
77        wrapper2 = wrapper2.not(excludes);
78        wrapper3 = wrapper3.not(excludes);
79        wrapper4 = wrapper4.not(excludes);
80    }
81    wrapper1.removeClass('show');
82    wrapper2.attr('aria-expanded', 'false');
83    wrapper3.attr('aria-expanded', 'false');
84    wrapper4.addClass("mobile-d-none");
85}
86
87//Hide the mobile menu when focusing on logo
88$('.header-logo').find('a').focus(function (e) {
89    if ($('#mobile-collapsing-menu').css("display") != "none") {
90        $("#mobile-menu-opener").click();
91    }
92});
93
94//$('a, input, select, button').attr('tabindex', -1);
95var tabindex = 1;
96
97$('a, input, select, button, textarea').each(function (index, ele) {
98    if ($('a').parent().hasClass('inactive')) {
99        return true;
100    }
101    //$(ele).attr('tabindex', tabindex + 3);
102    //tabindex = tabindex + 3;
103    //if ($('a').hasClass('mainNav a') || $('a').hasClass('carousel-control-prev-icon') || $('a').hasClass('carousel-control-next-icon') || $('a').hasClass('carousel-control-prev') || $('a').hasClass('carousel-control-next') || $('a').hasClass('stmc'))
104    //    return true;        
105});
106
107if (!!window.ActiveXObject || "ActiveXObject" in window) {
108    var prevTabindex = $('.carousel-control-prev').attr('tabindex');
109    var nextTabindex = $('.carousel-control-next').attr('tabindex');
110
111    $('.carousel-control-prev-icon').attr('tabindex', prevTabindex);
112    $('.carousel-control-next-icon').attr('tabindex', nextTabindex);
113
114    $('.carousel-control-prev').removeAttr('tabindex');
115    $('.carousel-control-next').removeAttr('tabindex');
116} 

117
118$('#bar-notification p a').focus(function (e) {
119    $('#bar-notification p a').css('border', 'solid 3px red');
120
121});
122
123$('#bar-notification p a').blur(function (e) {
124    $('#bar-notification p a').css('border', 'none');
125});
126
127$('.stmc').focus(function (e) {
128    $('.stmcdiv').css('z-index', '2000');
129});
130
131$('.stmc').blur(function (e) {
132    $('.stmcdiv').css('z-index', '0');
133});
134
135$('.carousel-control-prev').focus(function (e) {
136    $('.carousel-control-prev-icon').css('border', 'solid 3px var(--secondary-color)');
137});
138
139$('.carousel-control-prev').blur(function (e) {
140    $('.carousel-control-prev-icon').css('border', 'none');
141});
142
143$('.carousel-control-next').focus(function (e) {
144    $('.carousel-control-next-icon').css('border', 'solid 3px var(--secondary-color)');
145});
146$('.carousel-control-next').blur(function (e) {
147    $('.carousel-control-next-icon').css('border', 'none');
148});
149
150if ($('#noProductResult').length > 0) {
151   $('#noProductResult')
152      .attr('tabindex', 0)
153      .css('outline', 'none')
154      .focus();
155}
156
157if ($('#productBox').length > 0) {
158   // focus the image of first item
159   //$('#productBox').find('a').first().focus();
160}
161
162if ($('#productBoxList').length > 0) {
163   // focus the image of first item
164   //$('#productBoxList').find('a').first().focus();
165}
166
167$('#eu-cookie-ok').focus(function (e)  {
168    $('#eu-cookie-ok').css('border', 'solid 2px var(--primary-color)');
169});
170
171$('#eu-cookie-ok').blur(function (e) {
172    $('#eu-cookie-ok').css('border', 'none');
173});
174