Backbone.js stopListening Event se usa para detener un objeto para escuchar el evento en el otro objeto. Los argumentos posteriores se pasarán para identificar el objeto. StopListening no tendrá argumentos para que el objeto elimine todas las devoluciones de llamada registradas. A veces toma un argumento que especifica los eventos que está escuchando en un objeto específico. o un evento específico o, simplemente, una devolución de llamada específica.
Sintaxis:
object.stopListening( model, event, callback );
Parámetros:
- modelo: este parámetro es el nombre de otro modelo que objetar en la escucha.
- event: Este parámetro es el nombre del evento del modelo que está escuchando nuestro modelo.
- devolución de llamada: este parámetro es el nombre de la devolución de llamada que se llama cuando ocurre nuestro evento.
Ejemplo 1: Este ejemplo ilustra el stopListening de BackboneJs. En este ejemplo, dejaremos de escuchar un objeto específico.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS listenTo Event Multiple times</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>BackboneJS listenTo Event Multtple times</h3>
<script type="text/javascript">
var first = _.extend({
value: 'first obeject',
}, Backbone.Events);
var second = _.extend({
value: 'second obeject',
}, Backbone.Events);
let callback = function() {
document.write(`</br>This is ` + this.value );
};
first.listenTo(first, 'event', callback);
first.listenTo(second, 'this', callback);
first.trigger('event');
second.trigger('this');
first.stopListening(second, 'this');
first.trigger('event');
second.trigger('this');
</script>
</body>
</html>
Aquí en el código anterior first.stopListening( second, ‘this’ ) detiene el primer objeto para escuchar el evento ‘this’ del segundo objeto, por lo tanto, last second.trigger( ‘this’ ) no tiene acción en la página.
Producción:
stopListening() con argumento
Ejemplo 2: Este ejemplo ilustra el stopListening de BackboneJs. En este ejemplo, eliminaremos todas las devoluciones de llamada registradas de un objeto. Si no pasamos ningún parámetro, elimina toda la devolución de llamada registrada del objeto.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS listenTo Event Multiple times</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>BackboneJS listenTo Event Multtple times</h3>
<script type="text/javascript">
var temp = _.extend({
value: 'Hello geeks for geeks temprary obeject',
}, Backbone.Events);
var temp2 = _.extend({
value: 'temp2 obeject',
}, Backbone.Events);
let callback = function() {
document.write(`</br>This is ` + this.value );
};
temp.listenTo(temp, 'event', callback);
temp.listenTo(temp2, 'event', callback);
temp.listenTo(temp, 'this', callback);
temp.listenTo(temp2, 'this', callback);
temp.trigger('event');
temp2.trigger('event');
temp.trigger('this');
temp2.trigger('this');
temp.stopListening();
temp.trigger('event');
temp2.trigger('event');
temp.trigger('this');
temp2.trigger('this');
</script>
</body>
</html>
Aquí, en el código anterior, no pasamos ningún argumento a la función stopListening(), por lo que eliminará todos los eventos de registro que el objeto temporal está escuchando.
Producción:
stopListening() sin argumento
Enlace de referencia: https://backbonejs.org/#Events-stopListening
Publicación traducida automáticamente
Artículo escrito por satyam00so y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA