javascript 3

[javascript and jQuery] input keypress vs keyup 차이점 및 입력 알아보기

html 문서중에서 input 태그를 사용하는 경우에 키보드 입력이 될 경우에 처리해야할 경우가 많은데요. 특별한 키가 입력되었다 하였을때.. 예를 들어 엔터키가 눌러졌을 경우에 전송 버튼 누른 효과를 한다든지.. 또는 입력되는 값을 조절을 할 경우가 생깁니다. 예를 들어서 주민번호를 예를 들어 설명해 본다면요.. 물론 요즘엔 주민번호 입력은 않되기 때문에 회사 사원번호라고 생각하고 설명해 드리겠습니다. - 위와 같은 input 태그가 있다고 있다고 생각해 보면, 앞의 input 에는 6자리.. 그리고 뒤의 input 에는 7자리로 된 값을 입력받도록 스크립트로 제한을 한다면 어떻게 해야할까요? 우선은 숫자만 입력 받도록 하기 위해서 input 태그는 타입을 number 로 하였습니다. 그리고 이제는 자..

IT News/jQuery 2017.12.18

javascript replace 자바스크립트 문자열 변경

일반적으로 자바스크립트에서 문자 하나의 값을 변경이 가능합니다. 예를 들어..화면에 step > step2 > step3 이렇게 표시된다고 하였을때요.. > 표시를 > 로 html 에서 표기를 하는데요.. 문제는 자바스크립트에서는 값을 받아서 화면에 표시를 한다고 하면 그대로 > 로 표시가 되는 경우가 생기었습니다. 그래서 문자열 변경을 하기 위해서 해보았는데요. var strValue1 = 'step1 > step2 > step3';var strValue2 = strValue1.replace('>p;', '>'); 이렇게 되면 strValue2 의 값은 step1 > step2 > step3 로 값이 나타납니다. 즉 처음 단어 하나만 변경이 되는 것입니다. 그러나 이것은 제가 원하는것이 아니라 모든..

IT News/jQuery 2016.04.12

jQuery 스크롤 이벤트 및 스크롤 위치 및 본문 사이즈 값에 관련된 소스

jQuery 를 이용한 스크립트를 작성할때 스크롤 이벤트에 관련된 함수에 이용 가능한 소스코드를 정리해 보았습니다. 처음에는 퀵메뉴를 고정시키고 슬라이딩 시키는 효과를 주려고 했지만 웹표준 상 퀵메뉴는 css 로 position:fixed 로 했습니다. 혹시 몰라서 스크롤 이벤트에 관련된 변수값과 정보들에 관해 적어 놓습니다. 참고하세요~^^ (참 맨 상단에 jquery.min.js 파일 포함되어야 하는 거 아시죠?^^ 파일을 jquery.com 사이트를 방문하시면 있어요^^)

IT News/jQuery 2014.03.28