Horje
Backbone.js trigger Event

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="/archive/">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=
                "/archive/"
                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




Reffered: https://www.geeksforgeeks.org


JavaScript

Related
jQWidgets jqxCalendar viewChange Event jQWidgets jqxCalendar viewChange Event
jQWidgets jqxCalendar backButtonClick Event jQWidgets jqxCalendar backButtonClick Event
What is the purpose of using tsconfig.json file ? What is the purpose of using tsconfig.json file ?
Function that can be called only once in JavaScript Function that can be called only once in JavaScript
Explain the different ready states of a request in AJAX Explain the different ready states of a request in AJAX

Type:
Geek
Category:
Coding
Sub Category:
Tutorial
Uploaded by:
Admin
Views:
11