JavaScript 예제 12 / 20
타이핑할 때마다 발생하는 input 이벤트로 '실시간 반응형' UI를 만들 수 있습니다. 아래 칸에 직접 타이핑해보세요!
input
keyup
실시간
💡 이렇게 바꿔보세요
input 이벤트는 값이 바뀔 때마다(타이핑, 붙여넣기, 지우기 등) 매번 발생해요 — change 는 포커스를 벗어날 때 한 번만- 글자 수 제한을 만들 땐
maxlength 속성(HTML)과 JS 실시간 카운터를 함께 쓰는 경우가 많아요
- 100자를 넘겨보면 숫자가 빨간색으로 바뀌는 것도 확인해보세요
← JavaScript 예제 목록