VueJSの右クリックと右クリックイベント

Question

vue 2.1.10を使用しています。

@contextmenuイベントを使用して右クリックイベントを検出しています。

しかし、右クリックの上下のイベントを検出したいと思います。

どうすればいいですか？ V2.2のよう

Answer 1

、あなたはright modifierを使用して、マウスの右クリックイベントをリッスン（およびprevent modifierを使用してcontextmenuイベントのデフォルト動作を防ぐ）ことができます。

<button 
    @mousedown.right="mousedown" 
    @mouseup.right="mouseup" 
    @contextmenu.prevent 
> 
    Click Me 
</button> 

Here's a working fiddle.

---

v2.2以上を使用していない場合は、クリックイベントのwhichプロパティを使用して、手動で右クリックを確認できます。

<button 
    @mousedown="mousedown" 
    @mouseup="mouseup" 
    @contextmenu.prevent 
> 
    Click Me 
</button> 

methods: { 
    mousedown(event) { 
    if (event.which === 3) { 
     console.log("Right mouse down");   
    } 
    }, 
    mouseup(event) { 
    if (event.which === 3) { 
     console.log("Right mouse up"); 
    } 
    } 
} 

Here's a working fiddle.