原理

1. 触发mousedown时，e.button的值可以区别点击鼠标的哪个键。 0是左键，1是滚轮，2是右键。

2. 要自定义右键菜单时，要先去掉默认的contextmenu事件

实现

<div id="click-area">
        点击区域
</div>
<script>
    window.onload = () => {
            const btn = document.querySelector('#click-area')
            btn.oncontextmenu = e => e.preventDefault()
            btn.onmousedown = e => {
                if(e.button === 0) alert('左键')
                if(e.button === 1) alert('滚轮')
                if(e.button === 2) alert('右键')
            }
        }
</script>