본문 바로가기
Study Note/Angular

ionic 5 #keypress is not working in Android

by 시뮝 2019. 12. 16.
728x90

안드로이드 폰에서 keypress 가 먹히지 않는 이슈를 발견하였다. 

 

숫자/문자 입력 이벤트를 잡기 위해 keypress대신 ionInput 으로 사용하고

Backspace나 Enter 같은 이벤트를 잡기 위해 keyup을 사용하였다.

ion-input 의 value를 유효성 체크하여 값을 비우거나 유지하는 이벤트는 onChange로 사용하였다.

 

 

<ion-input  type="number"  (ionChange)="onIonChange(1)" (ionInput)="onIonInput($event)" (keyup)="onKeyup($event)"></ion-input>

 

추가 작성.

ionic 의 input event 는 속도가 너무 느리다! 속도 개선을 위해 ion-input를 지우고 숫자 키패드를 ion-grid로 출력해 터치 이벤트를 잡아 변수에 담아두는 방식으로 교체했다.

728x90

댓글