Why does middle-click not trigger 'click' in several cases?

Question

Here\'s a JSFiddle of the behavior I\'m seeing, relating to middle-click and the click event in Chrome and FF.

\'click\' kinda sorta works

Answer 1

I've build a factory for creating Middle mouse click handlers using vanilla JS and working in latest Firefox and Chrome:

const MiddleClickHandlerFactory = (node, handlerFn) => {
  node.addEventListener('mousedown', e => {
    if (e.button !== 1) return;
    e.preventDefault();   // stop default scrolling crap! Instead install ScrollAnywhere!

    const originalTarget = e.target;
    document.addEventListener('mouseup', e => {   // register on DOCUMENT to be sure it will fire even if we release it somewhere else
       if (e.target.isSameNode(originalTarget)) handlerFn(e);
    }, {capture: true, once: true, passive: true});
  }, true)
};