backbone.js视图delegateevents backbone.js视图delegateevents|Backb

本文概述

参数说明

Backbone.js委托事件方法用于通过回调方法将元素绑定到指定的DOM来处理事件。如果从视图中删除事件，则此方法可以将事件附加到视图。
句法：

delegateEvents(events)

参数说明events：它指定重新连接到视图所需的事件。
让我们举个例子。
请参阅以下示例：

< !DOCTYPE html> < head> < title>View Example< /title> < script src="http://img.readke.com/220416/0IH22X7-0.jpg" type="text/javascript">< /script> < script src="http://img.readke.com/220416/0IH22N1-1.jpg" type="text/javascript">< /script> < script src="http://img.readke.com/220416/0IH23426-2.jpg" type="text/javascript">< /script> < /head> < body> < div id="mydiv">< /div> < script type="text/javascript"> var ViewDemo = Backbone.View.extend({ events: {'click button': 'delegateFunc'}, delegateFunc: function () { this.remove(); document.write("srcmini: A solution of all technology....."); }, render: function () {this.$el.html('< button>Click to delegate events< /button>'); }, initialize:function(){this.render(); } }); var myview = new ViewDemo({el: '#mydiv'}); myview.delegateEvents(); < /script> < /body> < /html>

输出：
将上面的代码保存在deligate.html文件中，然后在新的浏览器中打开该文件。