Input 태그 한글만 입력되게 하기

2022. 7. 27. 09:15·Dev/Javascript

Input에서 특정 문자는 입력되지 않게하기

문제

<input> 태그에서 특정문자 입력을 제한한다.

해결

입력 이벤트 발생시 입력된 문자를 정규표현식으로 replace 한다.
([ㄱ-힣]은 유니코드 한글의 시작인 ㄱ 부터 마지막인 힣 까지 잡는다.)
이 때, keydown 이벤트만 잡을 경우 꾸욱 누를때 연속입력을 막을 수 없기 때문에 다시 focus 해준다.

코드

반응형
저작자표시 (새창열림)

'Dev > Javascript' 카테고리의 다른 글

[Discord] 지갑 연동 인증 봇 만들기  (10) 2022.01.10
웹 브라우저에서 텍스트 불러오기  (0) 2021.12.14
'Dev/Javascript' 카테고리의 다른 글
  • [Discord] 지갑 연동 인증 봇 만들기
  • 웹 브라우저에서 텍스트 불러오기
우르슬라
우르슬라
    반응형
  • 우르슬라
    저장소
    우르슬라
  • 전체
    오늘
    어제
    • 분류 전체보기 (29)
      • AI (1)
      • Dev (17)
        • Python (5)
        • Javascript (3)
        • Tools (5)
        • React (1)
        • 공부 (1)
      • 메타버스2 (2)
      • NFT (0)
      • 판매용 (0)
      • IT 이슈 (2)
      • 금융 이슈 (3)
  • 블로그 메뉴

    • 홈
    • 태그
    • 미디어로그
    • 위치로그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    오블완
    프롬프트 강화
    ssml
    시스템프롬프트
    clarksea
    linyuvo ks54
    메타버스2
    암호화폐차트
    oracle certified professional
    랭그래프
    agenda47
    티스토리챌린지
    speech synthesis markup language
    NFT
    화면 번역
    랜드마크
    크립토트레이딩
    prompt enchance
    아젠다47
    deepseek r1-lite-preview
    wp engine 차단
    ks54
    java se programmer
    deepseek
    hd중공업
    linyuvo
    가상부동산
    metaverse2
    javascript
    discord
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
우르슬라
Input 태그 한글만 입력되게 하기
상단으로

티스토리툴바