backbone view events

html:

<div id="app">
    <div id="create-name">
        <input id='new-name'/> <button id="btn">click</button>
    </div>

</div>

 

js:

$(function(){
    
    var AppView = Backbone.View.extend({
        el:$('#app'),
        events:{
            //定义button和input enter 事件
            "keypress #new-name":"createOnEnter",
            "click #btn":"createOnBtn"
        },
        initialize:function(){
            //初始先取得input 对象
            this.name_input = this.$('#new-name');
        },
        //input enter事件
        createOnEnter:function(e){
            if(e.keyCode != 13) return;
            console.log(e);
            console.log(e.target.value);
            console.log(this.name_input.val());
        },
        //点击button事件
        createOnBtn:function(e){
            console.log(e);
            console.log(this.name_input.val());
        },
    });

    var app = new AppView;

});