VueJ에서 오른쪽 클릭과 오른쪽 클릭이벤트s

VueJ에서 오른쪽 클릭과 오른쪽 클릭이벤트s

vue 2.1.10을 사용하고 있습니다.

@contextmenu event를 사용하여 오른쪽 클릭 시 이벤트를 검출하고 있습니다.

단, 오른쪽 클릭 업 및 다운 이벤트를 검출하고 싶습니다.

내가 어떻게 그럴 수 있을까?

v2.2부터는 이 수식어를 사용하여 마우스 오른쪽 버튼 클릭 이벤트를 수신할 수 있습니다(또한 디폴트 동작을 방지할 수 있습니다.contextmenu이벤트(수식자 사용):

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

여기 작동하는 바이올린이 있습니다.

---

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");
    }
  }
}

여기 작동하는 바이올린이 있습니다.

언급URL : https://stackoverflow.com/questions/44888692/right-clickup-and-right-clickdown-event-in-vuejs