본문 바로가기
웹 프론트/HTML | CSS | JS

JS : 모바일에서 오른쪽 클릭 시 옵션메뉴 안나오게 하기

by 번데기 개발자 2021. 7. 21.
반응형

마우스 오른쪽 클릭을 눌렀을 때 나오는 메뉴를 contextmenu라고 합니다.

 

모바일에서는 보통 `LongClick` 시에 해당 메뉴가 나오게 되는데, 때에 따라 해당 부분때문에 모바일 웹앱을 만들때 방해가 될 수 있습니다.

 

이럴때는 하단 <script> 태그에 다음과 같은 JS 파일을 삽입해주면 문제가 해결됩니다.

 

 

// context 메뉴 출력시 호출되는 event handler
window.oncontextmenu = function(event) {
  event.preventDefault(); // 기본 태그 기능 막기
  event.stopPropagation(); // 이벤트 전달 막기
  return false;
};

 

반응형