터치 드래그
-
04. 모바일 관련 문제들 해결하기 (우클릭 방지, input range 등)Projects/뮤직 플레이 리스트 2021. 6. 14. 14:06
body { ... -webkit-touch-callout: none; } 모바일에서 안되는 것 투성이...? 이 전 포스트에서 CI / CD 툴을 연동한 이유는 사실 이번 포스팅의 문제를 해결하기 위해 구축한 사전 작업이다. 분명 PC 브라우저에서 화면의 레이아웃이나 동작들이 모두 이상없이 잘 작동했는데, 모바일로 들어가보니 되는 기능이 하나 없었다. 그 중 대표적인 몇 가지를 적어 보자면 아래와 같다. 1. 화면 레이아웃 깨짐 (100vh 문제 포함) 2. 이미지 버튼을 꾹 누르면 브라우저의 이미지 저장 창이 나타나서 음악을 5초뒤, 5초 전으로 건너 뛸 수 없음 3. 에서 드래그 작동 안함 4. javascript로 volume 컨트롤이 안됨 5. drag & drop 기능 작동 안함 설렌다... ..