웹(web)/프론트엔드-vue
event handle - modifier
바코94
2020. 7. 9. 13:36
인풋 태그에 텍스트를 입력하다가 enter 키가 눌렸을 때만 콘솔에 로그를 찍고 싶으면 어떻게 해야할까?
또 ctrl+ enter키가 눌렸을 때 콘솔에 로그를 찍으려면 어떻게 해야할까?
방법은 두가지가 있다. 두 가지 모두 동일한 결과를 나타낸다.
첫 번째는 키가 입력 되었을 때 이벤트 핸들러를 호출하고 핸들러 함수 안에서 키의 값을 판별하여 로그를 찍는방법.
두 번쨰는 key modifier를 사용하는 방법.
다음의 코드가 그 예시이다.