js中鼠标右键触发事件

1.偶尔我们会碰见奇葩的需求,其实吧鼠标右键点击情况有，但并多，问了产品经理说。用户非得让加上鼠标右键点击事件,我晕。
心中很难受但还是得搞,有些那比较不常见的需求都可以分享分享。
鼠标右键 我就在打游戏的时候用的比较多 哈哈
2.好了废话不多说了,还是直接上代码
你可以有俩种方式做到
一种是dom自带的事件
2.1 contextmenu

// 注意 取消默认行为 我们鼠标右键的时候 一般是弹出 浏览器的 属性 刷新等等的那个菜单
// 阻止默认行为 就没有那个菜单出来了
document.addEventListener('contextmenu',function(e){
	、、、、这里书写你的操作
	e.preventDefault();
})

2.2 通过鼠标的mousedown事件
在鼠标按下的操作中 我们鼠标左键是 0 中间滚轮是 1 右键 是2
是不是很多童鞋并不知道 我们中间的滚轮还能点是把 哈哈 当时我也不知道

document.addEventListener('mousedown',function(e){
	if(e.button==0){
			alert('你按下了鼠标左键!')
		}else if(e.button==1){
			alert('你按下了鼠标滚轮!');
		}else{
			alert('您按下了鼠标右键!')
		}
		e.preventDefault();
})
//这里阻止默认行为没有用　我也不知道怎么回事　知道的童鞋　麻烦告知

vue中实现右键点击有快捷键
@click.right=“click” 这样就可以了
加油　奥利给　前端小菜鸟　努力成为　大菜鸟