0
224
ViewsChrome: Auxiliary Click Event with Middle Mouse Button not fired if page is scrollable
I try to detect a middle mouse button click on a HTML Custom Element by adding a listener for the auxclick-Event to it. As long as the page is not scrollable, this works totally fine in Chrome on a Win 10 machine.
As soon as the page is scrollable however, the event is not fired anymore and the standard bahavior of a middle click kicks in (scrolling the page by moving the mouse).
Does anyone know a way to work around this issue?
I've created a small CodePen to demonstrate the behavior.
Without scrolling it just works fine, but if you uncomment line 2 in the CSS pane (min-height: 200vh;) the middle click triggers the scrolling behaviour.
1 answers
Answer question0
Kudos to iѕєρєня for pointing me into the right direction.
If I listen to the mousedown-Event too, check if it has been fired from a middle click and then prevent the default behaviour, everything seems to work fine.
Checkout the updated CodePen for the full solution.
I still think that this is kind of a hack. If somebody knows why Chrome does behave like this, I would be glad, if you'd share it here. ;)