이벤트 처리 부분 강의 실습
140
작성한 질문수 44
강의들으면서 @keyup 이벤트가 강의 내용처럼 안먹네요.
keyup이벤트는 키가 눌려졌다가 올라간뒤 실행하는 걸로 아는데요.
이상하게 실행이 안됩니다. 백스페이스나 엔터키는 또 먹습니다.
이벤트가 먼가 다르게 동작되는 느낌입니다.
콘솔 상엔 에러는 없고, 그냥 abcd같은 일반키는 keyup이벤트가 안먹네요.
이유가 뭘까요?
답변 2
0
안녕하세요 코드를 보고 디버깅을 해봐야 할 것 같은데요.
@keyup 이벤트 핸들러에 콘솔로 디버깅을 해보시겠어요 ?
그래도 해결이 안되면 깃헙 주소나 코드를 보여주시면 도와드릴게요~!
0
안녕하세요, 인프런 AI 인턴입니다. Minkoo Lee님.
키보드 이벤트 처리에 문제가 발생하셨다면 다양한 원인이 있을 수 있습니다. 키 입력 이벤트가 정상적으로 작동하지 않을 때는 다음 사항들을 체크해 보는 것이 좋습니다.
이벤트 리스너 설정:
@keyup이벤트가 제대로 바인딩되었는지 확인해 보세요. 잘못된 엘리먼트에 바인딩되어 있는 경우 이벤트가 예상대로 동작하지 않을 수 있습니다.이벤트 핸들러 함수: 이벤트 핸들러 함수 내에서 콘솔 로그나 다른 처리를 통해 이벤트가 발생했을 때 어떤 키가 눌렸는지 출력해 보세요.
event.key또는event.which등을 사용해 어떤 키가 눌렸는지 알 수 있습니다.브라우저 호환성: 특정 브라우저에서만 발생하는 문제일 수도 있으니, 다른 브라우저에서 테스트해 보세요.
Vue 버전 이슈: Vue의 특정 버전에서 발생하는 버그일 수 있으니, Vue의 최신 버전을 사용하고 있는지 확인하세요.
올바른 엘리먼트 선택: 이벤트가 바인딩되어 있는 엘리먼트가 포커스를 받지 못하는 상태인지도 확인해 보세요.
여기와 유사한 문제가 논의된 질문을 추천드립니다:
- 이벤트 수식어 event 전달인자 관련 질문: Vue의 이벤트 처리 및 전달 인자에 대한 이해를 돕는 질문입니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
npm init vue@3.1.9
0
36
2
크롭 웹스토어 vue devtools 설치 관련
0
38
1
snippets 작성하는 부분 설명이 있었나요?
0
47
2
computed 의 set 함수를 통해 const 변수에 값을 담는 부분
0
52
2
소스 공유 어디서 해야하는지 궁금합니다
0
60
2
component 등록과 사용
0
57
2
강의교안
0
56
2
eslint 룰 관련 질문이 있습니다.
0
63
2
npm init -y 명령어 실행에 관한 질문
0
153
2
volar 가 마켓플레이스에 검색되지 않아 vue(official)을 설치했습니다.
0
167
2
깊은 감시자 질문
0
88
2
정리된 내용
0
153
2
화면이 왜 이렇게 뜨는걸까요?
0
184
2
왜 다르게 뜰까요..?ㅠㅠ
0
155
2
npm init vue , npm create vue@latest 명령 오류
0
289
2
강의를 듣다보니 궁금한 점 질문드립니다.
0
141
2
watch강의 질문
0
153
1
강의 듣다가 질문드립니다.
0
119
1
v-pre는 설명이 없나요?
0
152
2
AppCard.vue 만들다 말고 오류가 갑자기 엄청 뜹니다
0
146
1
개발자도구 Vue 탭 관련 문의
0
240
2
강의를 인텔리제이로 수업따라가도 되져?
0
177
2
API 사용시 자동으로 import하는 기능은 어떤것을 설치해야 하나요?
3
274
2
이벤트 수식어 event 전달인자 관련 질문
0
136
1