javascript - 如何添加 preventDefault() 主干.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

this.events 不是事件对象。所以它不起作用

尝试这个：

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

您可以通过添加重新激活操作

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

如果将其添加到主干 js 视图的渲染函数中，则可以根据需要使用 event.preventDefault() 。

Answer 3

接收事件对象作为参数

render: function(evt){

    evt.preventDefault();

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

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

}