반응형 javascript5 Javascript 함수 모음 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 = 96 && keyboardEvent.which 2023. 8. 29. 카드번호 마스킹 처리 html, js 예제 2023.08.24 : 카드번호 위치 및 마스킹 표시 문자, 하이픈 표시여부, 하이픈 사용시 하이픈 위치 지정 설정 추가 2023.08.29 : 설정에 따라 다른 처리되는 것을 확인하기 위한 코드로 변경 카드번호 마스킹 처리 예제 코드 - html 카드번호 마스킹 번호 길이[최소, 최대] 마스킹 시작자리 마스킹 처리길이 실제 처리할 데이터 구분 마스크 처리 후 마스크 처리 전 하이픈(-) 사용여부 사용 사용안함 사용자가 입력하고 마스킹 처리되는 입력란 사용자가 입력한 번호 그대로 가지고 있는 입력란 실제로 백단으로 보낼 입력란 - javascript function onlyNumber(className = 'onlyNumber'){ className = "." + className; let onlyNum.. 2023. 7. 11. pointer 이벤트를 통한 스크롤 처리 let sliderList = document.querySelectorAll('.pointer-scroll'); sliderList.forEach(function(item) { let x; let y; let flag = false; item.onpointerdown = function(event){ event.preventDefault(); x = event.clientX; y = event.clientY; flag = true; } item. onpointermove = function(event){ if(flag){ item.scrollLeft += (-1 * (event.clientX - x)); item.scrollTop += (-1 * (event.clientY - y)); x = event... 2023. 6. 30. jQuery > .on() on() API 문서 https://api.jquery.com/on/ .on() | jQuery API Documentation Description: Attach an event handler function for one or more events to the selected elements. The .on() method attaches event handlers to the currently selected set of elements in the jQuery object. As of jQuery 1.7, the .on() method provides all function api.jquery.com 1. on(event, handler) $(selector).on("click", function.. 2023. 5. 8. [Javascript] 배열 여부 확인하기 Array.isArray(obj) 매개변수 obj검사할 객체. 반환값 객체가Array라면true, 아니라면false. 예제 // 모두 true 반환 Array.isArray([]); Array.isArray([1]); Array.isArray(new Array()); Array.isArray(new Array('a', 'b', 'c', 'd')); Array.isArray(new Array(3)); // Array.prototype은 스스로도 배열입니다 Array.isArray(Array.prototype); // 모두 false 반환 Array.isArray(); Array.isArray({}); Array.isArray(null); Array... 2019. 6. 5. « 1 » 반응형
