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

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

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

문제

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

해결

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

코드

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

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

[Discord] 지갑 연동 인증 봇 만들기  (12) 2022.01.10
웹 브라우저에서 텍스트 불러오기  (3) 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)
  • 블로그 메뉴

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

  • 공지사항

  • 인기 글

  • 태그

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

  • 최근 글

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

티스토리툴바