Skip to content
Related Articles

Related Articles

Backbone.js trigger Event

Improve Article
Save Article
  • Difficulty Level : Hard
  • Last Updated : 19 May, 2022
Improve Article
Save Article

Backbone.js trigger Event is used to invoke or callback the function for the given event or a space-delimited list of events. The subsequent arguments will be passed along to the event callbacks in order to trigger it.

Syntax:

object.trigger(event, [*args])

Parameter Values:

  • event: It is used to bind an object with an event.
  • args: It is used to pass values or arguments to the callback function.

Example: This example describes the trigger event in Backbone.js.

HTML




<!DOCTYPE html>
<html>
  
<head>
    <title>Backbone.js trigger Event</title>
    <script src=
        type="text/javascript">
    </script>
    <script src=
         type="text/javascript">
    </script>
    <script src=
         type="text/javascript">
    </script>
</head>
  
<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
      
    <h3>Backbone.js trigger Event</h3>
      
    <script type="text/javascript">
        var gfgVar = _.extend({
            title: 'GeeksforGeeks',
            site:
`<a href="https://www.geeksforgeeks.org/">GeeksforGeeks</a>`,
        }, Backbone.Events);
      
        gfgVar.on('gfgFunc', function () {
            document.write(`This is `
                + this.title
                + ` & is the triggered value for site is: `
                + this.site);
        });
      
        gfgVar.trigger('gfgFunc');
    </script>
</body>
  
</html>


Here, the _.extend() function is used to create a copy of all of the properties of the source objects over the destination object and return the destination object.

Output:

Trigger event

Example: This example describes the Backbone.js trigger Event using the <iframe> tag.

HTML




<!DOCTYPE html>
<html>
  
<head>
    <title>Backbone.js Event trigger Event</title>
        type="text/javascript">
    </script>
    <script src=
        type="text/javascript">
    </script>
    <script src=
        type="text/javascript">
    </script>
</head>
  
<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
      
    <h3>Backbone.js trigger Event</h3>
      
    <script type="text/javascript">
        var gfgVar = _.extend({
            title: 'GeeksforGeeks',
            site: `<iframe src=
                "https://www.geeksforgeeks.org/"
                height="200"
                width="400">        
        </iframe>`,
        }, Backbone.Events);
  
        gfgVar.on('gfgFunc', function () {
            document.write(this.title
                + ` website is placed inside the iframe<br>`
                + ` & is the triggered value for site is: <br>`
                + this.site);
        });
  
        gfgVar.trigger('gfgFunc');
    </script>
</body>
  
</html>


Output:

Trigger Event

Reference: https://backbonejs.org/#Events-trigger


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!