Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

iPhone/iPad(iOS)에서 JavaScript 스크롤 이벤트가 작동할까요?

네, iOS에서도 스크롤이 발생하면 onscroll 이벤트를 정상적으로 캡처합니다. iOS에서는 이러한 스크롤 동작을 '원 핑거(one-finger) 이벤트'라고 부르며, 사용자가 화면을 어떻게 탭하고 터치하는지에 따라 이벤트 발생 여부가 결정됩니다.

데스크톱과 달리 모바일 기기는 터치 기반으로 화면을 조작하기 때문에, 스크롤 이벤트가 트리거되는 방식도 제스처 종류에 따라 달라집니다. 대표적인 제스처는 다음과 같습니다.

1. 패닝(Panning) 제스처

손가락 하나로 화면을 드래그해 내용을 밀어내는 패닝 제스처는 가장 일반적인 스크롤 방식입니다. 손가락을 화면에 대고 움직이는 순간 스크롤이 시작되며, 그에 따라 스크롤 이벤트가 발생합니다.

iPhone/iPad(iOS)에서 JavaScript 스크롤 이벤트가 작동할까요?

이미지 출처 − Apple

2. 터치 앤 홀드(Touch and Hold) 제스처

화면을 길게 누르고 있는 터치 앤 홀드 제스처 역시 스크롤 이벤트를 유발할 수 있습니다. 손가락을 누른 상태로 유지하면서 움직이면 해당 동작이 스크롤로 인식되어 이벤트가 생성됩니다.

iPhone/iPad(iOS)에서 JavaScript 스크롤 이벤트가 작동할까요?

이미지 출처 − Apple

정리

iOS 환경에서도 JavaScript의 스크롤 이벤트 처리는 문제없이 작동합니다. 다만 데스크톱 브라우저와 이벤트 발생 시점이나 빈도가 다소 다를 수 있으므로, 모바일 웹 개발 시에는 실제 기기에서 충분히 테스트하는 것이 좋습니다.