Computer/WEB, PHP-JAVA-Script
Updated: 2022. 3. 12. 21:12
hwaya.
JS/ 천 단위마다 콤마(,) 자동 생성
반응형
HTML
<input type="text" id="price" onkeyup="inputNumberFormat(this)"/>
onkeyup 속성은 현재 요소에서 onKeyUp 이벤트 핸들러를 반환합니다.
https://developer.mozilla.org/ko/docs/Web/API/GlobalEventHandlers/onkeyup
JS
function inputNumberFormat(obj) {
obj.value = comma(uncomma(obj.value));
}
function comma(str) {
str = String(str);
return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');
}
function uncomma(str) {
str = String(str);
return str.replace(/[^\d]+/g, '');
}
replace() 메서드는 어떤 패턴에 일치하는 일부 또는 모든 부분이 교체된 새로운 문자열을 반환합니다. 그 패턴은 문자열이나 정규식(RegExp)이 될 수 있으며, 교체 문자열은 문자열이나 모든 매치에 대해서 호출된 함수일 수 있습니다.
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/replace
반응형
'Computer > WEB, PHP-JAVA-Script' 카테고리의 다른 글
<iframe> 아이프레임 스크롤 기준으로 높이 자동 조절 (0) | 2024.10.15 |
---|---|
DOMSubtreeModified 이녀석 알아보자. (0) | 2024.07.31 |
Spring(프레임워크) (0) | 2024.07.22 |
Node.js에서 웹서버 바로 가능한데, Nginx를 사용하는 이유 (0) | 2024.06.03 |
const, var, let (0) | 2023.08.24 |
JS/ 소수점 자리수 처리 (0) | 2022.03.12 |
웹소켓으로 전송할 수 있는 데이터 종류 (0) | 2019.02.22 |
체격지수계산 (0) | 2011.06.30 |