事件委託測試
<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