이벤트 모델 : 이벤트를 연결하는 방법을 이벤트 모델입니다.
표준 이벤트 모델
documnet.body.addEventListener("keyup",()=>{})고전 이벤트 모델
documnet.body.onkeyup=(event)=>{}인라인 이벤트 모델
<script>
const listener=(event)=>{}
</script>
<body onkeyup="listener">
</body>키보드 이벤트
- keydown
- keypress
- keyup
// IME 입력 문자
아시아권의 문자를 일반적으로 조합형 문자라고 부릅니다.!
ex) 안(ㅇㅏㄴ) 누르고, 중국어(hao), 일본어(ka)
키보드 키 코드 사용
- code : 입력한 키
- keyCode : 입력한 키를 나타내는 숫자
- altKey : 알트 키 눌렀을때
- ctrlKey : 컨트롤 키 눌렀을때
- shiftKey : 쉬프트 키 눌렀을때
이벤트 발생 객체
- event.currentTarget 속성 : 화살표와 function () {} 둘다 사용가능
- this 키워드 사용 : 화살표 함수가 아닌 function(){}
글자 입력 양식 이벤트
- 사용자로 부터 어떠한 입력을 받을 때 사용하는 요소를 입력 양식
- input, button, textarea, select 태그
유효성 검사할 때 에는 정규 표현식을 사용합니다
꺽이지 않는 마음