Jak uzyskać element, który wywołał zdarzenie za pośrednictwem modułu obsługi zdarzeń szkieletu

Question

Mam widok.

//define View 
var CreatePollView = Backbone.View.extend({ 
    events: { 
     "click #addOption": "addOption", 
     "change .dynamicInput": "changeInputs" 
    }, 
    initialize: function() { 
     _.bindAll(this, "render", "addOption", "changeInputs"); 
     this.model.bind('change', this.render); 
    }, 
    changeInputs: function() { 
     var newVal = $(this).val(); // this throws exception in jquery script 
     this.model.set("Subject", { Subject: newVal }); 
    }, .... 

Jak uzyskać dostęp do elementu (jest to element wejściowy), w którym wywołano zdarzenie zmiany?

Answer 1

Otrzymujesz wyjątek ponieważ dzwonisz _.bindAll na changeInputs. Kiedy to zrobisz, mówisz, że changeInputs będzie związany z kontekstem twojego obiektu, gdy zostanie wywołany.

Jeśli chodzi o $(this), wysyłasz instancję CreatePollView do jQuery, której nie lubi.

Chcesz zachować to powiązanie, ponieważ uzyskujesz dostęp do swojego modelu (this.model), więcmusi być instancją CreatePollView.

Zamiast tego, można uzyskać zdarzenie ze swojej funkcji i użyć target lub jakaś inna informacja:

changeInputs: function(e) { } 

Answer 2

changeInputs: function(e){ 
    //use e.target 
    ... 
}