本文概述
- 参数说明
句法:
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 once事件
- backbone.js off事件
- backbone.js on事件
- backbone.js事件处理教程
- backbone.js实用程序
- backbone.js历史
- backbone.js架构
- backbone.js第一个例子
- backbone.js特性