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:
}, 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:
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 =
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:
Reference: https://backbonejs.org/#Events-trigger
Last Updated :
19 May, 2022
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...