监听鼠标右键事件并取消默认事件

思路:

1、先取消默认右击事件:监听一个oncontextmenu事件,然后使用
event.preventDefault();

oncontextmenu = {(event) => {event.preventDefault()}}

2、判断是否为右击事件:监听一个onmousedown事件,然后
event.Button0为左键,
event.Button
1为滚轮,
event.Button==2为右键

onmousedown= {(event) => {if(event.Button==2){console.log('右击事件')}}

相关了解:
与 onmousedown 事件相关连得事件发生次序( 鼠标左侧/中间 按钮):
1.onmousedown
2.onmouseup
3.onclick

与 onmousedown 事件相关连得事件发生次序 (鼠标右侧按钮):
1.onmousedown
2.onmouseup
3.oncontextmenu

你可能感兴趣的:(vue,取消右键默认事件)