Как добавить preventDefault() backbone.js

Question

Как добавить preventDefault() в команду <button>? То, что у меня ниже, не работает .. спасибо

var View = Backbone.View.extend({ 

    initialize: function() { 
     //console.log('initializing ' + this.options.blankOption); 
     this.template = $('#list-template').children(); 
    }, 
    el: '#container', 
    events: { 
     'click button' : 'render' 
    }, 
    render: function(){ 

     this.events.preventDefault(); // not working ???? 

     var data = this.model.get('data'); 

     $.each(data,function (i,v) { 
      console.log(data.text + " " + data.href); 
     }); 

    } 
}); 

Answer 1

этот.Эвенты не являются объектом события. поэтому он не работает

попробовать это:

render: function(event){ 
    event && event.preventDefault(); 

    var data = this.model.get('data'); 

    $.each(data,function (i,v) { 
     console.log(data.text + " " + data.href); 
    }); 
} 

Answer 2

Получить объект события в качестве аргумента

render: function(evt){ 

    evt.preventDefault(); 

    var data = this.model.get('data'); 

    $.each(data,function (i,v) { 
     console.log(data.text + " " + data.href); 
    }); 

} 

Answer 3

Вы можете повторно активировать действия, добавив

this.delegateEvents(); // Re-activates the events for all the buttons 

Если вы добавьте его в функцию рендеринга основного js-представления, тогда вы можете использовать event.preventDefault() по мере необходимости.