keypress 2

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

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

IT News/jQuery 2017.12.18

jquery keypress 엔터키를 누르면 확인버튼 누른 효과

검색창에서 텍스트를 입력하고 엔터를 눌렀을때 자동으로 검색이 되어지는 효과를 구현하고 싶은때가 있습니다. 예를 들어 검색어를 입력하고 매번 확인 버튼을 눌러야 한다면 얼마나 불편 할까요? 그래서 검색어를 입력하고 엔터를 쳤을 때에 확인 버튼을 눌러진 효과를 구현해보고자 합니다. 여기서 검색어 박스는 textarea 로 했는데요. 물론 짤은 검색어이니까 input 으로 하셔서 상관은 없습니다. 만일 input 으로 한다면 대신에 이렇게 해야하겠지만요.. 아무튼 여기에서의 핵심은 엔터를 쳤을때에 확인 버튼을 누른 효과를 구현하기 위함이기 때문에.. 스크립트 부분을 설명하겠습니다. 우선 아래의 소스 코드를 참고하십시오. 위의 소스 코드중에 jquery 스크립트 부분을 보면은.. keypress 이벤트 핸들러를..

IT News/jQuery 2016.05.06