반응형
마우스 오른쪽 클릭을 눌렀을 때 나오는 메뉴를 contextmenu라고 합니다.
모바일에서는 보통 `LongClick` 시에 해당 메뉴가 나오게 되는데, 때에 따라 해당 부분때문에 모바일 웹앱을 만들때 방해가 될 수 있습니다.
이럴때는 하단 <script> 태그에 다음과 같은 JS 파일을 삽입해주면 문제가 해결됩니다.
// context 메뉴 출력시 호출되는 event handler
window.oncontextmenu = function(event) {
event.preventDefault(); // 기본 태그 기능 막기
event.stopPropagation(); // 이벤트 전달 막기
return false;
};
반응형
'웹 프론트 > HTML | CSS | JS' 카테고리의 다른 글
JS: chrome 브라우저에서 blob 최대 용량 구하기 (0) | 2022.03.18 |
---|---|
JS : 모바일 웹앱에서 video 태그 자동재생 구현하기 ( + 추가적으로 IOS safari에서 자동 재생 시 저전력 모드일때 멈추는 문제 예외처리) (6) | 2022.01.29 |
자바스크립트 : 깊은 복사 vs 얕은 복사 (0) | 2021.06.15 |
자바스크립트 : Slice vs Splice 차이점 비교 (깊은 복사, 얕은 복사) (0) | 2021.04.20 |
text-indent 속성 (0) | 2018.10.01 |