ejemplo para desactivar eventos con JQUERY en español

ejemplo para desactivar eventos con JQUERY en español

ejemplo para desactivar eventos con JQUERY en español

muchas veces te puede interesar quitar o desactivar un evento que has asignado previamente a un elemento utilizando la librería jQuery y para ello tenemos el método off() que hace lo contrario que el método on() con el que asignas el evento.

veamos el siguiente ejemplo:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
</head>
<body>
<button id="caja_producto">Pulsame</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$("#caja_producto").on("click", function(){
 alert("No aparecere de nuevo");
 $( "#caja_producto" ).off( "click" );
});
</script>
</body>
</html>

como puedes ver en el ejemplo del código anterior tenemos un botón llamado caja producto al cual le hemos asignado el evento Click por medio del método on().

y vemos que el hacer clic nos aparece una ventana o alert en el que nos indica que NO aparecerá de nuevo si realizamos otro clic sobre él, y esto lo conseguimos utilizando el método off() y entre paréntesis el evento que quieres desactivar

si quieres más información sobre el método off() de jQuery te dejo el siguiente enlace