[react-draggable] 모바일에서 click 안 먹을 때

아니 오 ㅐ안대는거임? pc에서는 잘만 되는데 모바일로 가니까 드래그 자체는 되는데 따로 걸어둔 click이벤트들이 죄다 안먹혀서 열심히 고민하다가 찾아냄

 

1. touchend로 또 걸어주기

<button onClick={fire} onTouchEnd={fire}>이동</button>

별도로 이래이래 걸면 먹힌다. 왜 onTouchStart가 아니냐면... 잊었다 아무튼 start로 했더니 너무 민감해서 찾아보다가 end로 걸었는데 잘 되었기때문에 적어둠.

https://ui.toast.com/posts/ko_20220106

터치와 클릭, 우리 깐부잖아.

이건거같기도

 

 

 

번외1. input창 띄우기

<input type="number" ref={inputRef} onTouchEnd={() => inputRef.current!.focus()} />

input창을 드래그할수도 있고 클릭을 해서 숫자패드를 띄우는 모션도 있어야했는데, 숫자패드는 자동으로 뜨는건데 이걸 어떻게 하나 싶다가 찾음. click()은 이미 안됐고 focus로 해야 숫자창이 모바일에서 자동으로 뜬다. 근데 태블릿이든 모바일이든 숫자패드만 밑으로 슥 접을 수 있는 아이콘이 있는데 이건 웹에서 감지를 못하는디 어케해야할지....