精选前端教程:BackboneJS事件on

杰米粉2021-12-31 13:08

  它结合一个事件到对象和回调函数。每当一个事件被触发,它执行回调。

精选前端教程:BackboneJS事件on

  语法

object.on(event, callback function, [context])

  参数:

  event:它绑定对象

  callback:它是参考代码

  context:它是一个可以被传递到一个回调函数对象

  例子

<!DOCTYPE html>
   <head>
      <title>Event On Example</title>
         <script src="https://code.jquery.com/jquery-2.1.3.min.js" type="text/javascript"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js" type="text/javascript"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js" type="text/javascript"></script>
   </head>
   <body>
      <script type="text/javascript">
      	//Here creating an object 'myVal' and extending with Backbone.Events method
         var myVal = _.extend({name:'YiiBai!!!'}, Backbone.Events);

         // The on() method will bind callback function to an object and invoked whenever an event triggers
         myVal.on('myFunc', function () {
            document.write("The triggered value is: ");
            document.write(this.name);//The name will get display by referring the current object
         });
         //It triggers the 'myFunc' event on object 'myVal'
         myVal.trigger('myFunc');
      </script>
   </body>
</html>

  输出

  让我们进行以下步骤来看看上面的代码工作:

  保存上述代码在文件 on.html 中

  在浏览器中打开这个HTML文件

  以上就是小编为大家整理发布的“精选前端教程:BackboneJS事件on”一文,更多相关内容尽在开课吧广场Web教程频道。

免责声明:本站所提供的内容均来源于网友提供或网络搜集,由本站编辑整理,仅供个人研究、交流学习使用。如涉及版权问题,请联系本站管理员予以更改或删除。
有用
分享