Discuss Scratch

#1April 7, 2020 03:18:54
VoidInstructions
Scratcher
76 posts

Does HTML support middle click?

Can you code HTML in such a way that it overrides the default functionality of the middle clicks?
#2April 7, 2020 05:20:39
Sheep_maker
Scratcher
1000+ posts

Does HTML support middle click?

You'd need JavaScript:
<script>
// Whenever the user starts pressing any mouse button
document.addEventListener('mousedown', e => {
  // Check if the click is the middle button
  if (e.which === 2) {
    // Do something when the user does middle click
    alert('Middle click!')
    
    // Prevent default middle click behaviour of the middle click
    e.preventDefault()
  }
})
</script>
#3April 7, 2020 08:56:09
Maximouse
Scratcher
1000+ posts

Does HTML support middle click?

Sheep_maker wrote:

You'd need JavaScript:
<script>
// Whenever the user starts pressing any mouse button
document.addEventListener('mousedown', e => {
  // Check if the click is the middle button
  if (e.which === 2) {
    // Do something when the user does middle click
    alert('Middle click!')
    
    // Prevent default middle click behaviour of the middle click
    e.preventDefault()
  }
})
</script>
MDN say that event.which is not standard and should not be used on production sites (but every browser supports it).
#4April 7, 2020 12:10:37
A-E-
Scratcher
100+ posts

Does HTML support middle click?

Maximouse wrote:

Sheep_maker wrote:

You'd need JavaScript:
<!-- snip -->
MDN say that event.which is not standard and should not be used on production sites (but every browser supports it).
Updated to standardize:
<script>
// Whenever the user starts pressing any mouse button
document.addEventListener('mousedown', e => {
  // Check if the click is the middle button
  if (e.button === 1) {
    // Do something when the user does middle click
    alert('Middle click!')
    
    // Prevent default middle click behaviour of the middle click
    e.preventDefault()
  }
})
</script>

Powered by DjangoBB