본문 바로가기

web/jQuery

jquery-number 를 이용하여 천 단위 콤마 간단히 찍기

script 를 통하여 단위 콤마를 찍는거야 소스가 널리고 널렸지만. 매일 ctrl+c, ctrl+v 하기도 지겨울때가 되었고

jquery 도 사용하는 마당에 jquery 이용해서 하면 어떨가 싶어서 찾아보다가 재밌는 스크립트를 찾았다.


원본 : https://github.com/teamdf/jquery-number

(아래의 적용 스크립트는 위의 링크에서 받은것으로 사용하였습니다.)



소스코드








해당 소스를 브라우져에서 보면 다음과 같이 나온다. ready function 에서 이미 콤마를 찍기를 완료하고 보여준다.

마지막 input에는 blur를 적용하여 포커스를 잃었을때 반응한다. 적용화면은 아래와 같다.

(blur 이기 때문에 키보드와 마우스 포커스아웃 모두 먹힌다.)



앞의 0자리는 당연히 알아서 삭제 해준다. 나중에 한번 사용해보길 바란다.


더 많은 기능을 원하신다면 이쪽 링크 참조 : http://code.google.com/p/jquery-numberformatter/

'web > jQuery' 카테고리의 다른 글

jquery change  (0) 2012.11.21
Useful jQuery Datepicker  (0) 2012.11.20
jquery 체크박스를 통한 내용 복사  (0) 2011.02.01
jquery masonry  (0) 2011.01.20
jQuery hide() show()  (0) 2011.01.13