본문 바로가기
IT 개발/JavaScript

jQuery/Ajax (2) : trigger, handler

by Love of fate 2019. 8. 16.
728x90
반응형

<trigger 함수>

- 이벤트가 발생할 때 실행될 함수나 bind()함수로 연결 된 어떤 이벤트 핸들러를 강제로 실행시킨다.

   ex) jQuery("#id").trigger("submit"); : submit 이벤트 강제 실행

 

<이벤트 핸들러 : on>

- 어떤 요소에 대해 이벤트를 실행하게끔 설정하는 것.

   ex) $(elem).on("click", function(e) { ... });  

 

- bind()

 -> 요소(element)에 이벤트 처리기(handler)를 연결한다. : 아마 현재는 사용 X


<jQuery로 select Box의 선택된 값 가져오기>

1
2
3
4
5
6
7
jQuery("#dropdown").change(function(){
 
    var selData = jQuery('#dropdown-item option: selected').val();
 
    selMapList(selData);
 
});
 
jQuery("#dropdown").trigger("change");
 

 

* chage 메소드

=> 간단한 방법으로 이벤트를 제어할 수 있다.

=> 해당하는 요소의 value에 변화가 생길 경우 이를 감지하여 등록된 콜백함수를 동작시킨다.


 

 

728x90
반응형

'IT 개발 > JavaScript' 카테고리의 다른 글

11.11  (0) 2019.11.11
jQuery/Ajax로 jsp 리스트 뿌리기 / .Clone(복사)  (0) 2019.09.01
jQuery/Ajax (3) : 데이터 목록 뿌리기 AND 페이징 처리  (0) 2019.09.01
Javascript FOR문  (0) 2019.09.01
jQuery/Ajax(1) : 기초, Tip  (0) 2019.08.16