backbone.js listento事件

本文概述

  • 参数说明
Backbone.js事件listenTo方法告诉对象侦听另一个对象上的特定事件。它在事件发生时提供回调函数,并跟踪事件。
句法:
object.listenTo(other, event, callback)

参数说明其他:用于定义另一个对象的名称。
事件:用于绑定对象。
回调:它是对代码的引用,并以对象作为上下文进行调用。
【backbone.js listento事件】让我们举个例子。
请参阅以下示例:
< !DOCTYPE html> < head> < title>Event listenTo Example< /title> < script src="http://img.readke.com/220416/01093223D-0.jpg" type="text/javascript">< /script> < script src="http://img.readke.com/220416/0109322G4-1.jpg" type="text/javascript">< /script> < script src="http://img.readke.com/220416/0109322K2-2.jpg" type="text/javascript">< /script> < /head> < body> < script type="text/javascript"> //Create an object 'myVal' and 'myVal1' and extend them using Backbone.Events method var myVal = _.extend({name:'Hello..'}, Backbone.Events); var myVal1 = _.extend({name:'Welcome to srcmini'}, Backbone.Events); //create the 'listenMe' callback function and invoke when one object listens to particular event on another object var listenMe = function(){ document.write("The value is: "); document.write(this.name); }; //The object 'myVal1' listens once for the 'listenMe' event triggered on object 'myVal' myVal1.listenTo(myVal, 'listenMe', listenMe); //The 'myVal' has no listenMe event and displays the value of 'myVal1' myVal.trigger('listenMe'); < /script> < /body> < /html>

输出:
将上面的代码保存在listento.html文件中,然后在浏览器中打开此文件。
backbone.js listento事件

文章图片

    推荐阅读