2021-03-31

Javascript Prevent Right Click

문제

브라우저에서 우클릭 시, 나타나는 메뉴를 contextmenu라고 한다.

contextmenu

우클릭 시, 나타나는 메뉴를 막는 방법은 두 가지가 있다. 여기서 1번 방법을 사용했는데 우클릭 시 메뉴가 그대로 나타났다.

document.addEventListener('contextmenu', (e) => {
    return false;
});

<body oncontextmenu="return false"></body>

return false가 아닌 e.preventDefault()를 사용해 우클릭 창 동작을 막는다.

document.addEventListener('contextmenu', (e) => {
    e.preventDefault();
});