화면 내 해당 요소(element)가 존재하는지 검사 현재 브라우저 화면에 해당 요소(element)가 존재하는지 판별하는 방법. $.expr.filters.offscreen = function(el) { var rect = el.getBoundingClientRect(); return ( (rect.x + rect.width) window.innerWidth || rect.y > window.innerHeight) ); }; 위 함수를 만들고 아래와 같이 사용. if( $("img").is(":offscreen") ) { console.log( '화면에 img 엘리먼트가 없음' ); } 코딩/JavaScript & jQuery 2022. 6. 24. 14:15
핸드폰번호/전화번호 유효성 검사, 자동 하이픈(대시) 핸드폰번호/전화번호 자동 하이픈(대시) id가 m_id인 input에 숫자만 입력 받도록 하면, 자동으로 하이픈(-)이 표시되고 3개가 쌍으로 된 input에 각각 입력. function phone_format() { var num = $("#m_id").val(); var phone_num = num.replace(/(^02.{0}|^01.{1}|[0-9]{3})([0-9]+)([0-9]{4})/,"$1-$2-$3"); $("#m_id").val(phone_num); $("#mobile1").val(num.replace(/(^02.{0}|^01.{1}|[0-9]{3})([0-9]+)([0-9]{4})/,"$1")); $("#mobile2").val(num.replace(/(^02.{0}|^01.{1}|.. 코딩/JavaScript & jQuery 2015. 8. 4. 17:43
javascript 문자열 자르기 - split var item = "5170,8967,9022"; var item_cnt = item.split(",").length; // 3 var item_arr = item.split(","); console.log(item_arr[0]); // 5170 console.log(item_arr[1]); // 8967 console.log(item_arr[2]); // 9022 for(var i=0; i 코딩/JavaScript & jQuery 2015. 8. 3. 17:52
HTML 특수문자 코드표 표현문자 숫자표현 문자표현 설명 - �- - 사용하지 않음 space - 수평탭 space - 줄 삽입 - - - 사용하지 않음 space - 여백 ! ! - 느낌표 " " " 따옴표 # # - 숫자기호 $ $ - 달러 % % - 백분율 기호 & & & Ampersand ' ' - 작은 따옴표 ( ( - 왼쪽 괄호 ) ) - 오른쪽 괄호 * * - 아스트릭 + + - 더하기 기호 , , - 쉼표 - - - Hyphen . . - 마침표 / / - Solidus (slash) 0 - 9 0-9 - 0부터 9까지 : : - 콜론 ; ; - 세미콜론 > > 보다 큰 ? ? - 물음표 @ @ - Commercial at A - Z A-Z - A부터 Z까지 [ [ - 왼쪽.. 코딩/JavaScript & jQuery 2015. 7. 1. 14:55
javascript keycode 정리 가상 키보드 구현 중 필요했던 자료인 keycode 표. ※ 아무리 검색해도 나오지 않았던 국산 키보드의 한/영키는? 229 Key Code Key Code Key Code backspace 8 d 68 numpad 7 103 tab 9 e 69 numpad 8 104 enter 13 f 70 numpad 9 105 shift 16 g 71 multiply 106 ctrl 17 h 72 add 107 alt 18 i 73 subtract 109 pause/break 19 j 74 decimal point 110 caps lock 20 k 75 divide 111 escape 27 l 76 f1 112 (space) 32 m 77 f2 113 page up 33 n 78 f3 114 page down 34.. 코딩/JavaScript & jQuery 2015. 7. 1. 13:01