MediaWiki:CollapsibleBySpaceOrEnter.js

De Wikincat
Ir para navegação Ir para pesquisar

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)
  • Internet Explorer/Edge: PressioneCtrl enquanto clica Recarregar, ou Pressione Ctrl-F5
  • Opera: Pressione Ctrl-F5.
/* jshint esversion: 10 */
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();
      }
    });
  });
}

if (document.readyState === 'complete' || document.readyState !== 'loading') {
  collapsibleBySpaceOrEnter();
} else {
  document.addEventListener('DOMContentLoaded', collapsibleBySpaceOrEnter);
}