짧은메모) React 마우스 우클릭 동작

onContextMenu 속성을 통해 우클릭 시의 이벤트를 활용할 수 있다.

arrowFunction을 통해 쉽게 이벤트를 활용할 수 있다.

// 우클릭을 통한 동작을 제어
<div
    onContextMenu={
        (e) => {
            e.preventDefault();
            console.log('우클!');
        }
    }>
    우클릭해봐!
</div>

event시 preventDefault 메소드를 통해 기본적인 브라우저 우클릭 시에 나타나는 도구를 나타나지 않게 할 수 있다.

브라우저 이벤트를 click이나 change만 다뤄오던 나에게 이건 신박했고, 다른 이벤트들도 찾아봐야겠다는 생각이 들었다.