반응형
마우스 오른쪽 클릭을 눌렀을 때 나오는 메뉴를 contextmenu라고 합니다.
모바일에서는 보통 `LongClick` 시에 해당 메뉴가 나오게 되는데, 때에 따라 해당 부분때문에 모바일 웹앱을 만들때 방해가 될 수 있습니다.
이럴때는 하단 <script> 태그에 다음과 같은 JS 파일을 삽입해주면 문제가 해결됩니다.
// context 메뉴 출력시 호출되는 event handler
window.oncontextmenu = function(event) {
event.preventDefault(); // 기본 태그 기능 막기
event.stopPropagation(); // 이벤트 전달 막기
return false;
};
반응형
'웹 프론트엔드 > HTML | CSS | JS' 카테고리의 다른 글
CSS : 말풍선 만들기 (border 속성) (0) | 2022.12.20 |
---|---|
모바일 웹 : Device Orientation Event란? ( feat: IOS 13+ 이상에서 Device Orientation Event 권한 얻어오기 ) (1) | 2022.10.12 |
text-indent 속성 (0) | 2018.10.01 |
HTML - fieldset 태그란 (0) | 2018.09.03 |
CSS - 자손 선택자와 자식선택자 비교 (0) | 2018.08.14 |