touchstart/touchmove/touchend 도저히 답이 안나옵니다.
정예
2023.04.01
touchstart/touchmove/touchend
이 개념이 뭔지는 알겠습니다만..
도저히 적용을 못하겠습니다.
실제 보이는 화면은 빨간 라인이고,
그 안에 주황색 3개가 숨어있는거지요.
터치이벤트로 세개를 움직이고 싶습니다.
중간중간 각 블럭마다 움직임이 한번씩 끊어져야 하고..
touchstart/touchmove/touchend 이 키워드에 대한 얘기만 있고,
어떻게 적용을 하는지에 대한 정확한 예제를 못찾겠습니다.
링크라도 부탁 드릴게요..
감사합니다.
-
핫자두
답변감사합니다. 열심히 찾아볼게요..흑..제가 검색능력이 좀 딸려서..ㅡ,.ㅡ
-
가리매
touchmove에 방향 및 거리에 대한 값을 주는거구요.. touchend에서는 해당 이벤트를 실행시키는 펑션을 넣어주시면 됩니다.
펑션은 한 블럭의 거리만큼 animate시키는 걸 쓰시면 되겠구요.. move의 방향에 따라 left값 조정해 주시면 될거구요..
touchmove에서 움직인 방향과 거리를 가져오는 함수는 검색하면 나올거에요.. -
쇼코홀릭
답변감사합니다.
-
냥냥
터치 이벤트가 시작했을시
각 이벤트는
스타트 - 무브 - 엔드 식으로 이루어 지죠.
스타트에서 시작점 엔드에서 끝날점 그 중간에 끌때는 무브 이벤트가 동작 할겁니다.
판별이 가능한 내부적인 이벤트와 관련된 부분이 있을겁니다. 없다면 좌표값으로 비교해보면 되겠지요.