프로그램 개발서

Javascript 함수 모음 본문

Javascript

Javascript 함수 모음

rairen 2023. 8. 29. 14:46

1. onlyNumber(className)

/**
 * 클래스 명 입력하여 지정가능
 */
function onlyNumber(className = 'onlyNumber'){
	className = '.' + classname;
    const onlyNumberEl = document.querySelectorAll(className);
    onlyNumberEl.forEach(function(el, idx){
    	el.addEventListener('keydown', function(keyboardEvent){
        	// 상단 숫자 0 ~ 9
            if(keyboardEvent.which >= 48 && keyboardEvent.which <= 57){
            	return true;
            }
            // 숫자패드 0 ~ 9
            else if(keyboardEvent.which >= 96 && keyboardEvent.which <= 105){
            	reutnr true;
            }
            // keydown 동작 정지
            else{
            	keyboardEvent.preventDefault();
            }
        });
    })
}

// 사용시 함수 실행만 해주면 됨.
onlyNumber();
반응형