Quel est le contraire de evt.preventDefault() ;

Question

Une fois que j'ai tiré un evt.preventDefault() Comment puis-je reprendre les actions par défaut ?

Answer 1

J'ai dû retarder la soumission d'un formulaire dans jQuery afin d'exécuter un appel asynchrone. Voici le code simplifié...

$("$theform").submit(function(e) {
    e.preventDefault();
    var $this = $(this);
    $.ajax('/path/to/script.php',
        {
        type: "POST",
        data: { value: $("#input_control").val() }
    }).done(function(response) {
        $this.unbind('submit').submit();
    });
});

Answer 2

Je suggère le schéma suivant :

document.getElementById("foo").onsubmit = function(e) {
    if (document.getElementById("test").value == "test") {
        return true;
    } else {
        e.preventDefault();
    }
}

<form id="foo">
    <input id="test"/>
    <input type="submit"/>
</form>

...à moins que je ne rate quelque chose.

http://jsfiddle.net/DdvcX/

Answer 3

C'est ce que j'ai utilisé pour le régler :

$("body").on('touchmove', function(e){ 
    e.preventDefault(); 
});

Et pour le défaire :

$("body").unbind("touchmove");

Answer 4

Il n'y a pas de méthode opposée de event.preventDefault() pour comprendre pourquoi, vous devez d'abord examiner ce que event.preventDefault() fait quand vous l'appelez.

Sous le capot, la fonctionnalité de preventDefault consiste essentiellement à appeler un retour false qui arrête toute exécution ultérieure. Si vous êtes familier avec les anciennes méthodes de Javascript, il était autrefois de bon ton d'utiliser return false pour annuler les événements tels que les soumissions de formulaires et les boutons utilisant return true (avant même que jQuery n'existe).

Comme vous l'avez probablement déjà compris sur la base de l'explication simple ci-dessus : le contraire de event.preventDefault() n'est rien. Vous n'empêchez simplement pas l'événement, par défaut le navigateur autorisera l'événement si vous ne l'empêchez pas.

Voir ci-dessous pour une explication :

;(function($, window, document, undefined)) {

    $(function() {
        // By default deny the submit
        var allowSubmit = false;

        $("#someform").on("submit", function(event) {

            if (!allowSubmit) {
                event.preventDefault();

                // Your code logic in here (maybe form validation or something)
                // Then you set allowSubmit to true so this code is bypassed

                allowSubmit = true;
            }

        });
    });

})(jQuery, window, document);

Dans le code ci-dessus, vous remarquerez que nous vérifions si allowSubmit est faux. Cela signifie que nous empêcherons notre formulaire de se soumettre à l'aide de la fonction event.preventDefault puis nous ferons un peu de logique de validation et si nous sommes satisfaits, nous mettrons allowSubmit à true.

C'est vraiment la seule méthode efficace pour faire l'opposé de event.preventDefault() - vous pouvez également essayer de supprimer les événements, ce qui revient au même.

Answer 5

Voici quelque chose d'utile...

Tout d'abord, nous allons cliquer sur le lien, exécuter un code, puis nous allons effectuer une action par défaut. Ceci sera possible en utilisant cible actuelle de l'événement Regardez. Ici, nous allons essayer d'accéder à Google dans un nouvel onglet, mais avant cela, nous devons exécuter du code.

<a href="https://www.google.com.br" target="_blank" id="link">Google</a>

<script type="text/javascript">
    $(document).ready(function() {
        $("#link").click(function(e) {

            // Prevent default action
            e.preventDefault();

            // Here you'll put your code, what you want to execute before default action
            alert(123); 

            // Prevent infinite loop
            $(this).unbind('click');

            // Execute default action
            e.currentTarget.click();
        });
    });
</script>