Come ottenere l'elemento che ha attivato l'evento tramite il gestore di eventi di backbone

Question

Ho una vista.

//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 }); 
    }, .... 

Come accedere all'elemento (è un elemento di input) su cui è stato attivato l'evento di modifica?

Answer 1

hai trovato un'eccezione perché si sta chiamando _.bindAll su changeInputs. Quando lo fai, stai dicendo che lo changeInputs sarà legato al contesto del tuo oggetto ogni volta che viene chiamato.

In altre parole, quando si fa riferimento a $(this) si invia un'istanza di CreatePollView in jQuery, che non è gradita.

Se si desidera mantenere questa associazione, tuttavia, poiché si sta accedendo al modello (this.model), this deve essere l'istanza di CreatePollView.

Invece, è possibile ottenere un evento dalla vostra funzione e utilizzare il target o qualche altro pezzo di informazione:

changeInputs: function(e) { } 

Answer 2

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