OS별 브라우저별 나오는 Composition Event

(compositionstart, compositionupdate, compositionend, isComposing) 가 나오는 방법이 조금씩 달라서

한글처리가 문제가 있었던 것 같습니다.  아래 링크 참조

https://sir.kr/cm_free?sca=&sfl=wr_subject%7C%7Cwr_content&stx=composition

그래도 크롬과 파이어폭스가 대세가 되면서 어느정도 잡아 진것 같습니다. 

데스크탑은 맥 사파리까지,  크롬, 파이어폭스는 거의 문제없이 동작되는 것을 확인후에..

계속해서 스마트폰에서 체크 중입니다. 

안드로이드 계열과 iOS(iPadOS)의 휴대폰, 타블렛을 집중적으로 테스트 중인데..

이쪽에서의 문제점은 내장된 소프트 키보드에 따라 각각의 이벤트가 나오는 것이 다 다르다는 것입니다. ㅠㅠ

현재 가장 큰 문제점

1. 아이폰에서는 아예 composition event가 안나온다는 것. 

https://sir.kr/cm_free/1554914

애플에 이벤트를 넣어달라고 요청을 했는데 답변이 없네요.  애플 코리아에 아시는 분 있으면 압력좀 넣어주세요.

2. 구글의 키보드 gboard와 마이크로소프트의 swiftkey는 영문에서도 composition event가 나온다는 것입니다. 

영문 타이핑시 자세히 보시면 글씨 밑에 underline이 있으면 composition event상태입니다

이런 상태에서 한글은 왜 그런지 모르겠지만 두번째 줄 입력할때 첫 자음에서 compositionend가 나오네요.  

이쪽의 상태에 따라 키보드쪽에서 주는 이벤트가 영향을 받는 것인지..  

에디터가 아닌 테스트 사이트를 만들어서 테스트해보면 괜찮은 것 같은데..

(참고로 어떤 소프트 키보드는 "ㅎ" "backspace" "하" 식으로  중간에 백스페이스로 처리하다 보니 글씨가 많이 깜박거리는 키보드도 있습니다.)

휴대폰에서 어떤 이벤트가 나오는지 체크해 보고 싶다면, 여기서 테스트해보세요.

멀티입력라인 테스트

https://docker.apachezone.com/keyevent.html

한입력라인 테스트

https://docker.apachezone.com/keyevent1.html