MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Any JavaScript here will be loaded for all users on every page load. */
// Add pressed class on pointer and keyboard
document.addEventListener('DOMContentLoaded', function () {
  const buttons = document.querySelectorAll('.ic-btn');

  buttons.forEach(btn => {
    // Touch and mouse
    btn.addEventListener('pointerdown', () => btn.classList.add('is-pressed'));
    btn.addEventListener('pointerup',   () => btn.classList.remove('is-pressed'));
    btn.addEventListener('pointerleave',() => btn.classList.remove('is-pressed'));

    // Keyboard accessibility if someone tabs to the link
    btn.addEventListener('keydown', e => {
      if (e.code === 'Space' || e.code === 'Enter') btn.classList.add('is-pressed');
    });
    btn.addEventListener('keyup', () => btn.classList.remove('is-pressed'));
  });
});