한글 입력시 이벤트가 두번 발생됩니다.
5433
작성한 질문수 4
한글로 내용을 작성후 엔터키를 입력하면 이벤트가 두번 발생합니다.
캡틴 판교님의 마지막 강의에서도 시연 중 이런 현상이 있는 것으로 보였는데요.
이 문제에 대해 해결 방법이 있을까요?
Vue.js 포럼에서는 CJK 언어에서 발생하는 문제로 keyup 이벤트가 발생할 때마다
해당 인풋의 value 값을 읽어와 임의로 업데이트 해주는 것으로 해결하라고 하던데,
버튼을 클릭하여 추가할 때는 문제가 없지만, 엔터키 입력시에는 문제가 발생하는 것 같아서요.
참고로 한번은 한글 내용이 담긴 채로 이벤트가 발생하고, 곧바로 빈 값을 이벤트가 한번 더 발생합니다.
빈 값일 경우에는 저장이 안되도록 예외 처리는 되어 있지만 빈 값일 경우 내용을 입력하세요 라는 alert을 띄우게 해놨더니,
한글 입력 -> 엔터 키 입력 -> 한글 내용 등록 -> alert 창 호출 이렇게 돌아가고 있습니다.
답변 2
1
https://levelup.gitconnected.com/javascript-events-handlers-keyboard-and-load-events-1b3e46a6b0c3 e.isComposing이 false일 때만 처리하면 된다고 합니다!
0
정확한 문제는 확인해봐야하지만 keyup 이나 keydown 시 한글 입력중에 엔터를 치면 두번호출되네요..
keypress를 사용하면 한번만 호출됩니다.
한글입력중이아닌경우 (한글입력을 마친 후 방향키로 커서를 이동한 후)에는 keyup, keydown 모두 한번 호출되네요
Chrome 개발자 모드 확장이 안됨
0
253
1
깃 권한 요청드립니다
0
118
1
vue.js 중급 리포지토리 권한 관련
0
118
1
vuex + axios 질문 있습니다!
1
198
2
깃 권한 요청드립니다!
0
161
1
강의 깃주소 문의
0
143
1
router-view에 props를 어떻게 넘길 수 있나요?
1
279
2
Vue가 인식되지 않는 현상
0
205
1
기초강좌는 어디있나요?
1
190
2
App.vue가 필요한 이유
0
192
1
getter가 정의되어 있지 않아 오류가 발생합니다.
1
253
1
뷰 라이프사이클
1
187
1
TSLint 말고 TSLint Vue 설치해도 되나요?
1
367
3
로컬 스토리지는 어디에 있나요?
1
279
1
vuex 실행시 새로고침해야지만 리스트에 나타나는 현상
1
387
2
export default 관련한 질문
0
354
2
깃허브 vue-todo 접근불가에 따른 확인요청
1
354
2
깃허브에 문제있는것 같습니다.
1
273
2
인프런 강의 재생 화면 구성 변경 문의드립니다
1
303
2
addTodo Helper 함수 적용
1
243
1
vuex 헬퍼 전역 설정
1
245
2
github 권한요청드립니다.
1
257
2
이벤트 위치에 대한 궁금증 입니다.
1
223
2
구조 차이에 대한 문의
1
344
2