Breaking

Post Top Ad

Your Ad Spot

lunes, 18 de marzo de 2019

Cómo deshabilitar el evento de clic usando jQuery

Tal vez se encontró con un problema común cuando utiliza jQuery Ajax para enviar un formulario, los datos del formulario se envían varias veces si se hace clic en el botón Enviar varias veces. Para resolver este problema, solo necesita escribir un código de línea en jQuery. 
El off()método jQuery se utiliza para eliminar el controlador de eventos del elemento adjunto con el on()método. El off()método de uso después del clic se activa para deshabilitar el elemento para el clic adicional.
$ (' #clickElement ') .off ( 'click' );
El siguiente fragmento de código es un ejemplo en tiempo real para deshabilitar el evento de clic con jQuery.
<! DOCTYPE html>
< html  lang = "en-US" >
< cabeza >
    < script  src = "https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" > </ script >
    < script >
     $ ( document ) .ready ( function () {
         $ (' #disable ') .on ( 'click' , function () {
             $ (' #clickElement ') .off ( 'click' );
        });
        $ (' #clickElement ') .on ( 'click' , function () {
             alert ( 'Welcome to CodexWorld!' );
        });
    });
    </ script >
</ cabeza >
< cuerpo >
    < button  id = "clickElement" > Haga clic aquí </ button >
    < button  id = "disable" > Desactivar Haga clic en </ button >
</ cuerpo >
</ html >

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Post Top Ad

Your Ad Spot

Páginas