Comment prévenir par défaut sur le formulaire soumettre?

Si je fais cela, je ne peux empêcher par défaut sur le formulaire de soumission parfaitement:

document.getElementById('my-form').onsubmit(function(e) {
   e.preventDefault();
   //do something
});

Mais depuis que je suis à l'organisation de mon code de façon modulaire, je suis de la gestion des événements comme ceci:

document.getElementById('my-form').addEventListener('onsubmit', my_func);

var my_func = function() {
   //HOW DO I PREVENT DEFAULT HERE???
   //do something
}

Comment puis-je prévenir par défaut maintenant?

  • De la même manière. Le navigateur (ainsi, les décentes) transmettre l'événement de l'objet en tant que paramètre.
  • LOL si vous voulez être mauvais, vous pouvez toujours mettre <form onsubmit="return false;">
  • Remarque: Lors de l'utilisation de la onclick propriété, il suffit de le régler: elem.onclick = function () { ... };. Sinon, vous essayez d'appeler un précédent gestionnaire avec la nouvelle comme un argument.
  • Haha j'espère que c'était une faute de frappe
  • stackoverflow.com/questions/7410063/...
InformationsquelleAutor TK123 | 2013-07-17
  1. 13

    De la même façon, en fait! démo

    HTML

    <form id="panda" method="post">
    <input type="submit" value="The Panda says..."/>
</form>

    JavaScript De Votre

    //your function
var my_func = function(event) {
    alert("me and all my relatives are owned by China");
    event.preventDefault();
};

//your form
var form = document.getElementById("panda");

//attach event listener
form.addEventListener("submit", my_func, true);

    Remarque: lors de l'utilisation de .addEventListener vous devez utiliser submit pas onsubmit.

    Note 2: en Raison de la façon dont vous voulez définir my_func, il est important que vous appelez addEventListener après vous définir la fonction. JavaScript utilise de levage de sorte que vous devez être prudent dans l'ordre des choses lors de l'utilisation de var de définir des fonctions.

    Lire plus sur la méthode addEventListener et la EventListener interface.

    • Non, le return false ne fonctionne pas comme vous le pensez. Peut-être en jQuery, mais certainement pas avec addEventListener
    • J'ai mis à jour ma réponse. Désolé!
    • Semble bon (y compris votre les modifications récentes au sujet de levage) 🙂
    InformationsquelleAutor user633183
  2. 0

    j'ai connu c'est vieux, mais juste pour le plaisir de le faire.
    essayez

    document.getElementById('my-form').addEventListener('onsubmit', 
function(event){event.preventDefault();my_func();});
var my_func = function() {
//HOW DO I PREVENT DEFAULT HERE???
//do something
}
    InformationsquelleAutor lucaspiaso