우클릭 이벤트 처리하기

맨날 onClick만 해봤으니 우클릭도 해볼까??

1. onContextMenu

<div onContextMenu={블라블라}>우클릭</div>

이런식으로 구현할 수 있다.

onContextMenu는 자바스크립트에서 우클릭을 할 수 있게 해주는 이벤트이다

2. 함수 작성하기

const onRightClick = (event) => {
  event.preventDefault()
  블라블라
}

일반 onClick 이벤트 함수와 동일하게 사용하면 된다.

하지만 중요한 것은 event.preventDefault()를 써줘야 우클릭 했을 때 메뉴가 안나오게 된다.

3. typeScript

const onRightClick = (event : React.MouseEvent) => {
  블라블라
}