[jQuery] .on 이벤트에 파라미터 전달하는 방법

[jQuery] .on 이벤트에 파라미터 전달하는 방법

이벤트 처리 시 사용하고자 하는 변수가 전역변수라면 상관이 없지만 지역변수인 경우 인자로 정의를 해주어야 합니다.

전역변수를 .on 이벤트 핸들러에서 사용 시

color = "red";
$("#my_btn").on("click", function(){
  console.log(color);
});

//return "red"

 

지역변수를 .on 이벤트 핸들러에서 사용 시

var color = "blue";
$("#my_btn").on("click", {param_color : color}, function(event) {
  console.log(event.data.param_color);
});

// return "blue"

 

이벤트 타입 인자 뒤에 JSON 형태로 파라미터를 추가해주시면 위와 같이 지역변수값을 전달받을 수 있습니다.

%d 블로거가 이것을 좋아합니다: