Function handleKeyDown

component-model/theme/tabs-a11y.js:64–98

(event)

    }

    function handleKeyDown(event) {
        const tab = event.target.closest && event.target.closest('.mdbook-tab');
        if (!tab) return;
        const nav = tab.parentElement;
        if (!nav || !nav.classList.contains('mdbook-tabs')) return;

        const tabs = Array.from(nav.querySelectorAll('.mdbook-tab'));
        const currentIndex = tabs.indexOf(tab);
        if (currentIndex < 0) return;

        let newIndex = null;
        switch (event.key) {
            case 'ArrowRight':
            case 'Right':
                newIndex = (currentIndex + 1) % tabs.length;
                break;
            case 'ArrowLeft':
            case 'Left':
                newIndex = (currentIndex - 1 + tabs.length) % tabs.length;
                break;
            case 'Home':
                newIndex = 0;
                break;
            case 'End':
                newIndex = tabs.length - 1;
                break;
        }
        if (newIndex === null) return;

        event.preventDefault();
        tabs[newIndex].focus();
        // Automatic activation: mirrors common tab widgets (Bootstrap, Radix,
        // etc.) where focusing a tab also selects it.
        tabs[newIndex].click();
    }

    document.addEventListener('DOMContentLoaded', function () {
        document.querySelectorAll('.mdbook-tabs-container').forEach(initContainer);