Backbone.js off Event se usa para eliminar la función de devolución de llamada enlazada previamente a un objeto. Elimina todas las devoluciones de llamada si no se especifica ningún contexto. Si no se especifica ninguna devolución de llamada, se eliminan todas las devoluciones de llamada del evento. Si no se especifica ningún evento, se eliminan todas las devoluciones de llamada para todos los eventos.
Sintaxis:
Object.off ( event, callback, context ) ;
Valores de los Parámetros: Acepta los siguientes parámetros:
- evento: Se utiliza para vincular un objeto con un evento.
- callback: Se ejecuta cuando se invoca un evento.
- contexto: es un objeto que se pasa a una función de devolución de llamada.
Ejemplo 1: En este ejemplo, describiremos el evento Backbone.js off. Aquí veremos cómo eliminamos todas las devoluciones de llamada para cualquier evento en particular.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS Model off</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.2.2/backbone-min.js"
type="text/javascript">
</script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>BackboneJS Model off</h3>
<script type="text/javascript">
var myVal = Backbone.Model.extend(
{ name: 'Hello Guys' }, Backbone.Events);
var myFunc = function () {
document.write('This is by first callback <br>');
};
var myFunc1 = function () {
document.write('This is by second callback <br>');
};
myVal.on('log', myFunc);
myVal.on('log', myFunc1);
document.write("Before Removing all "
+ "callbacks for log events. <br>");
myVal.trigger('log');
myVal.off('log');
document.write("<br>After Removing all callback"
+ " for log events nothing will print <br>");
myVal.trigger('log');
</script>
</body>
</html>
Producción:
Backbone.js fuera del evento
Ejemplo 2: en este ejemplo, eliminaremos la devolución de llamada específica para todos los eventos y eliminaremos todas las devoluciones de llamada del modelo con todos los eventos.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS Model off</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.2.2/backbone-min.js"
type="text/javascript">
</script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>BackboneJS Model off</h3>
<script type="text/javascript">
var myVal = Backbone.Model.extend(
{ name: 'Hello Guys' }, Backbone.Events);
var myFunc = function () {
document.write('This is by first callback <br>');
};
var myFunc1 = function () {
document.write('This is by second callback <br>');
};
var myFunc2 = function () {
document.write('This is by third callback <br>');
};
myVal.on('log', myFunc);
myVal.on('log', myFunc1);
myVal.on('log', myFunc2);
document.write("Before Removing myFunc callbacks"
+ " for all events. <br>")
myVal.trigger('log');
myVal.off(null, myFunc);
document.write("<br>After Removing all callback "
+ "for log events nothing will print <br>")
myVal.trigger('log');
myVal.off();
document.write("<br> Remove all the "
+ "callbacks of myval model ");
myVal.trigger('log');
</script>
</body>
</html>
Producción:
Backbone.js fuera del evento
Referencia: https://backbonejs.org/#Events-off
Publicación traducida automáticamente
Artículo escrito por satyam00so y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA