Backbone.js Once Event se utiliza para vincular una función de devolución de llamada a un objeto, es decir, se invoca solo una vez cuando se activa un evento antes de que se elimine. En este tipo de activación de eventos, la devolución de llamada se invoca solo una vez por cada evento que se le pasa.
Sintaxis:
object.once(event, callback, [context] )
Si hay una gran cantidad de eventos en una página, la convención es usar dos puntos “:” para asignar un espacio de nombre a cada evento.
example:"change:selection"
Valores paramétricos:
- evento: Se utiliza para vincular un objeto con un evento.
- callback: Se ejecuta cuando se dispara un evento.
- contexto: es un objeto que se puede pasar a la función de devolución de llamada.
Ejemplo 1: este ejemplo describe el evento una vez en Backbone.js.
HTML
<!DOCTYPE html>
<head>
<title>Backbone.js Once 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 Once event</h3>
<script type="text/javascript">
var obj = {};
_.extend(obj, Backbone.Events);
obj.once('trigger', function() {
document.write(
'<h2 style="color:blue;">OUTPUT AFTER TRIGGERING ONCE EVENT:</h2>');
alert("triggered");
});
obj.trigger('trigger');
obj.trigger('trigger');
</script>
</body>
</html>
Producción:
Backbone.js Una vez evento
Ejemplo 2: este ejemplo describe el evento Backbone.js Once para múltiples eventos
HTML
<!DOCTYPE html>
<head>
<title>Backbone.js Once 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 Once event</h3>
<script type="text/javascript">
var Value = _.extend({
name: 'GeeksforGeeks'
}, Backbone.Events);
Value.once('HelloWorld', function() {
document.write("The value after invoking first event is: ");
document.write(this.name);
});
Value.once('second', function() {
document.write("<br>");
document.write(
"The value after invoking second event is: GeeksforGeeks + ");
document.write(this.name);
});
Value.trigger('HelloWorld');
Value.trigger('second');
</script>
</body>
</html>
Producción:
Backbone.js Una vez evento con multi-evento
Referencia: https://backbonejs.org/#Events-once
Publicación traducida automáticamente
Artículo escrito por yarudalbasharmacse17 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA