목록event 구조분해할당 (1)

sohyeon kim

[JS] input maxlength : 한글, 숫자 입력 시 오류 해결 & e.target 구조분해

💡 input 에 한글이나 숫자를 입력할 때 maxlength 가 부자연스러운 동작을 하는데, 원하는 글자수로 딱 제한할 수 있도록 해결해보자! setNickName(e.target.value)} placeholder="최대 20자" maxLength={20} /> maxLength 로 제한을 두니 한글을 입력했을 때나, 숫자 + 한글을 입력했을 때 21 자가 입력이 되버린다. ⬇️ const handleOnInput = (e, maxlength) => { const { target: { value }, } = e; if (value.length > maxlength) e.target.value = value.substr(0, maxlength); }; // ... handleOnInput(e, 20)}..
JavaScript 2024. 2. 17. 04:40
이전 Prev 1 Next 다음