jquery "này" ràng buộc vấn đề về xử lý sự kiện (tương đương với bindAsEventListener trong nguyên mẫu)

Question

Trong jquery một sự kiện ràng buộc của hadler là sự kiện tạo DOM phần tử (này trỏ đến phần tử dom). Trong nguyên mẫu để thay đổi ràng buộc của trình xử lý sự kiện, người dùng có thể sử dụng hàm bindAsEventListener; Làm cách nào để truy cập cả phần tử và phần tử DOM từ trình xử lý sự kiện?
Tương tự như How can I bind an event handler to an instance in JQuery?

function Car(){ 
    this.km = 0; 
    $("#sprint").click(this.drive); //setup event handler 
} 

// event handler 
// in it I need to access both the clicked element 
// and the binding object (instance of car) 
Car.prototype.drive = function(){ 
    this.km += 10; // i'd like to access the binding (but jq changes it) 
    this.css({ // also the element 
     left: this.km 
    }); 
    // NOTE that is inside this function I want to access them not elsewhere 
} 

var car = new Car(); 

Answer 1

Hmm, có lẽ bạn có thể sử dụng jQuery.proxy()?

http://api.jquery.com/jQuery.proxy/

Answer 2

Giá trị this nếu không sẽ trỏ đến (có nghĩa là, các yếu tố xử lý được gắn vào) cũng được thông qua trong currentTarget tài sản của đối tượng sự kiện. Vì vậy, nếu bạn sử dụng chức năng ràng buộc bạn nói về:

Car.prototype.drive = function(e) { 
    // this will be your car object 
    // e.currentTarget will be the element that you attached the click handler to 
} 

Answer 3

ok ở đây bạn là:

var car = {km:0}; 
$("#sprint").click(function(){ 
    car.km += 10; 
    $(this).css({ left: car.km }); 
}); 

tôi đã không kiểm tra nó nhưng phải thẳng về phía trước hoặc như đối với nơi bạn đã đi sai trên "cái này" của bạn đang xem xét phần tử "chạy nước rút" không phải là đối tượng "xe hơi".

Answer 4

Chỉ cần liên kết biến số this và sử dụng.

function Car(){ 
    this.km = 0; 
    var that = this; 
    $("#sprint").click(function(){ 
     that.drive(this); 
    }); 
} 


Car.prototype.drive = function(element){ 
    this.km += 10; // i'd like to access the binding (but jq changes it) 
    this.css({ // also the element 
     left: this.km 
    }); 
    alert(element.innerHTML); 
    // NOTE that is inside this function I want to access them not elsewhere 
} 

Việc xử lý vượt qua yếu tố để các dụ