Backbone 事件模块：off 取消注册事件【7个案例】

Backbone 事件模块：off 取消注册事件

例子1

javabook.off("change", bookView.update);

// 输出：change:title事件被触发

javabook.set({

title : 'Thinking in Java',

author : 'unknown',

price : 395.70

});

例子2

javabook.off("change:title", titleView.update);

// 输出：change事件被触发

javabook.set({

title : 'Thinking in Java',

author : 'unknown',

price : 395.70

});

例子3

javabook.off("change", titleView.update);

// 输出：change事件被触发

javabook.set({

title : 'Thinking in Java',

author : 'unknown',

price : 395.70

});

例子4

javabook.on({

'change:title': titleView.update

,"change:author": authorPane.update

,"change": bookView.update

});

javabook.on({

'change:title': authorPane.update

});

// 取消所有“change:title”事件绑定

javabook.off('change:title');

// 输出：change事件被触发

javabook.set({

title : 'Thinking in Java',

author : 'unknown',

price : 395.70

});

例子5

javabook.off();

// 输出：“”

javabook.set({

title : 'Thinking in Java',

author : 'unknown',

price : 395.70

});

例子6

javabook.on({

'change:title': titleView.update

,"change:author": authorPane.update

,"change": bookView.update

});

javabook.on({

"change:author": titleView.update

});

// 将 titleView.update事件处理器从其所在的事件中取消

javabook.off(null, titleView.update);

// 输出：change:author事件被触发 change事件被触发

javabook.set({

title : 'Thinking in Java',

author : 'abc',

price : 395.70

});

例子7

var titleView = {

update: function(){

console.log('change:title事件被触发');

}

}

, authorPane = {

update: function(){

console.log('change:author事件被触发' + this.b);

}

};

javabook.on({

'change:title': titleView.update

});

var aa = { b:"a" };

javabook.on("change:author", authorPane.update , aa);

// 取消aa作为作用域的事件，此处为 change:author -> authorPane.update

javabook.off(null, null, aa);

// 输出：””

javabook.set({

title : 'unknown',

author : 'abcd',

price : 395.70

});

本文来源 我爱IT技术网 http://www.52ij.com/jishu/4945.html 转载请保留链接。