MediaWiki:CollapsibleBySpaceOrEnter.js

Revisão de 20h26min de 14 de agosto de 2022 por Jaider.ferreira (discussão | contribs) (Criou página com '"use strict"; if (document.readyState === 'complete' || (document.readyState !== 'loading')) { collapsibleBySpaceOrEnter(); } else { document.addEventListener('DOMCont...')
(dif) ← Edição anterior | Revisão atual (dif) | Versão posterior → (dif)

Nota: Após publicar, você pode ter que limpar o "cache" do seu navegador para ver as alterações.

  • Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
  • Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
  • Edge: Pressione Ctrl enquanto clica Recarregar, ou pressione Ctrl-F5.
  • Opera: Pressione Ctrl-F5.
"use strict";
if (document.readyState === 'complete' || (document.readyState !== 'loading')) {
    collapsibleBySpaceOrEnter();
} else {
    document.addEventListener('DOMContentLoaded', collapsibleBySpaceOrEnter);
}

function collapsibleBySpaceOrEnter() {
    // make collapsible CSS clickable (space or enter to click)
    // from: https://alligator.io/css/collapsible/
    const myCollapsibleLabels = document.querySelectorAll(".lbl-toggle");
    Array.from(myCollapsibleLabels).forEach(label => {
        label.addEventListener("keydown", event => {
            // 32 === spacebar
            // 13 === enter
            if (event.which === 32 || event.which === 13) {
                event.preventDefault();
                label.click();
            }
        });
    });
}