不懂就问， vue 有什么办法捕捉鼠标右键点击事件吗？

[black11black]

如题，目前有一个需求是需要，当用户在特定 div 上按下右键时，执行某某操作。

简单百度了一下通过 js 里面的 document.onmousedown 和 window.event 似乎可以实现，但是这样实现的是捕捉整个窗口的右键事件。

请问 vue 里有办法针对特定 div 实现吗？谢谢

[liyang5945]

@mousedown.right.=someFunc()

[chnwillliu]

dom 事件叫 oncontextmenu，你换成 Vue 的语法绑就行。

[zhuangzhuang1988]

https://codesandbox.io/s/falling-wave-iuqkg?file=/src/App.vue

[black11black]

@zhuangzhuang1988 感谢感谢

[nianyu]

魔改一下浏览器事件就好了 比如
EventTarget.prototype.addEventListener = withHookBefore(
EventTarget.prototype.addEventListener,
myHookFn // 自定义的钩子函数
)

再把那些特定的 div 添加特定的 class
如果 e.target.className 等于设置好的 class 就做一些自定义操作