Skip to content

input maxLength가 한글과 영어에서 다르게 동작하는 이유 #10

@innerstella

Description

@innerstella

의 maxLength 속성은 문자 수를 기준으로 동작함

  • 영어 : 조합 과정이 없기 때문에, 입력 즉시 maxLength 체크 가능
  • 한글 : 조합이 끝난 시점에 maxLength를 체크함

=> "maxlength=5"일 때, 영어는 다섯 번째 글자에서 입력이 멈추지만, 한글은 조합 중에는 더 입력할 수 있고, 조합이 끝난 순간 초과된 글자가 잘려버림

해결책

  • javascript로 직접 잘라주기 ex) value.slice(0, MAX_LENGTH)
  • isComposing을 활용하기

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions