! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

InputMask mask 동적 조정 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

VueJS InputMask mask 동적 조정

페이지 정보

작성자 무무 작성일 2022-09-05 12:09 조회 1,374회 댓글 0건
제품 버전 : 5.20221.842
컨트롤 이름 : InputMask

본문

전화번호 형식으로 inputmask를 적용하고자합니다. 
처음에 031이 입력되면 000-0000-0000 

처음에 02가 입력되면 00-0000-0000 


이렇게 로직을 짜놓고 구현을 하려고하니 

defaultMask로 00-0000-0000으로 시작하면 

031을 입력했을경우 031을 다 받고 Input커서가 맨 뒤로 이동하는 증상이 나옵니다. 


wijmo moduleAPI인 setSelectionRange를 활용하여 해결하려고 하였으나 

setSelectionRange는 textarea 같은 컴포넌트에서만 적용되는걸로 보여지네요. 


위 문제에 대해서 풀수있는 방법 없을까요 ? 

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

VueJS Re: InputMask mask 동적 조정

추천0 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 GCK루시 작성일 2022-09-05 17:03 댓글 0건

본문

안녕하세요 그레이프시티입니다.


문의 주신 inputMask 컨트롤의 mask 속성 동적 설정 방법에 대해서 답변 드립니다.


혹시 동적으로 mask 속성과 함께 value 속성을 동시에 설정하셨을까요? 맞으시다면 value 값으로 인해 커서가 맨 뒤로 이동된 것으로 추측됩니다. 따라서 value 속성 값이 변경될 때 발생하는 valueChanged 이벤트 내에서 특정 조건에 따라 mask 속성 값만 설정해보시기 바랍니다. 


아래 간단한 샘플을 공유 드리오니 참고 부탁드립니다.




- valueChanged



API 문서를 같이 전달드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다.


감사합니다

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.