Backbone.js trigger Event se usa para invocar o devolver la llamada a la función para el evento dado o una lista de eventos delimitada por espacios. Los argumentos posteriores se pasarán a las devoluciones de llamada del evento para activarlo.
Sintaxis:
object.trigger(event, [*args])
Valores paramétricos:
- evento: Se utiliza para vincular un objeto con un evento.
- args: se utiliza para pasar valores o argumentos a la función de devolución de llamada.
Ejemplo: este ejemplo describe el evento desenstringnte en Backbone.js.
HTML
<!DOCTYPE html>
<html>
<head>
<title>Backbone.js trigger Event</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>
<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>
Aquí, la función _.extend() se usa para crear una copia de todas las propiedades de los objetos de origen sobre el objeto de destino y devolver el objeto de destino.
Producción:
Ejemplo: este ejemplo describe el evento desenstringnte de Backbone.js mediante la etiqueta <iframe>.
HTML
<!DOCTYPE html>
<html>
<head>
<title>Backbone.js Event trigger Event</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>
<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>
Producción:
Referencia: https://backbonejs.org/#Events-trigger
Publicación traducida automáticamente
Artículo escrito por bijaybhaskar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA