$ .click 이벤트 핸들러에서이를 다시 정의하십시오.

Question

this을 jQuery 클릭 이벤트 핸들러에 어떻게 재정의 하시겠습니까? 나는 몇 년 전에 Edge에게 당신이 이것을 다른 것으로 묶기 위해 전달할 수있는 선택적인 매개 변수를 가지고 있었지만 더 이상 그렇지 않은 것으로 보았습니다.

Answer 1

일반적인 두 가지 방법이 있습니다. 나는 jQuery.proxy이

$.fn.highlighter = function(){ 
    this.click($.proxy(function(){ 
     this.addClass('highlight'); 
    }, this)); 
}; 

다른 일반적인 대안은 당신이 클릭 핸들러를 호출 함수 내에서 self에 this을 할당하는 것입니다 사용하는 것을 선호합니다.

$.fn.highlighter = function(){ 
    var self = this; 
    this.click(function(){ 
     self.addClass('highlight'); 
    }); 
}; 

Answer 2

당신은 함수의 this 값을 설정 .bind()를 사용할 수 있습니다.

var clickHandler = function() { 
    // your click handler 
}; 

: 그리고

context이 (핸들러 내에서) 당신이 this에 바인딩 할 값입니다

$(stuff).on('click', clickHandler.bind(context)); 

.

참고 : 구형 브라우저에는 ES5-shim을 제공해야합니다.