본문 바로가기
공부/자바스크립트 jQuery

jQuery) Blur, Click, Change

by Ohming 2012. 1. 30.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
$('#quantity').blur(function(){
} ;
이건 탭키를 눌러 필드의 바깥으로 옮기거나 포커스된 필드의 바깥을 클릭할 때 브라우저는 blur 이벤트를 발생시킨다. 텍스트 필드나 textarea에서 방문객이 클릭이나 탭으로 필드를 빠져나갈 때 값을 검증하기 위해 사용한다. 이걸 잘 사용하면 필드 바깥으로 나가려고 할 때마다 체크해서 하나씩 알려줄 수 있다.

$(':radio').click(function(){
   //라디오 버튼을 클릭할 때마다 함수가 적용된다.
} ;
click 이벤트는 폼 HTML 요소를 클릭했을 때 발생한다.

$('#country').change(function(){
} ;
메뉴(<select> 태그)에서 옵션을 선택할 때마다, change 이벤트가 발생하는데 이 이벤트를 유효성 검사에 사용할 수 있다.
그리고 메뉴에서 선택한 값에 따라 폼이 변하도록 프로그램을 만들 수도 있다. 이 두번째 기능은 11번가, g마켓 등의 홈페이지에서 예를들어 구두하나를 선택하면 그 구두에 해당하는 남은 사이즈들이 뭐가 있는가 하는... 음. 메뉴에서 옵션을 선택할 때마다 함수를 실행해서 두 번째 메뉴의 옵션을 바꾸는 기능이다.

댓글