Backbone學習記錄(7)

事件委託測試

    <form>
        <input type="text" class="txt">
        <input type="button" class="btn" value="確認">
    </form>
    <span class="input-data"></span>
    var FormView=Backbone.View.extend({
        el:'form',
        events:{
            "blur .txt":"showdata",
            "click .btn":"click"
        },
        showdata:function(){
            console.log(this.$el);
        },
        click:function(){
            console.log("confirm");
        }
    });

    var form=new FormView();

這是一個很簡單的事件委託的例子,新建了一個form的視圖,把文本框的blur事件和按鈕的單擊事件都委託在form上。
測試結果,當輸入字符串後鼠標離開焦點,控制檯輸出的是form這個jQ對象(若是是console.log(this.el),輸出的天然是DOM原生的對象),可是怎麼才能讓this指向
對應的目標元素呢?

=======================================

今天想到能夠this

showdata:function(){
console.log(event.target.value);
}
來獲取目標對象上的屬性,可是我每次獲取屬性或者設置屬性都要這麼麻煩麼??spa

相關文章
相關標籤/搜索