Wie Sie verhindern, dass der Standard auf Formular Absenden?

Wenn ich dies Tue kann ich verhindern das Standard-on form submit gut:

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

Aber da organisiere ich meinen code in einer modularen Art und Weise bin ich Umgang mit Veranstaltungen wie dieser:

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

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

Wie kann ich verhindern, dass default jetzt?

  • Auf die gleiche Weise. Der browser (gut, anständigen) übergeben das event-Objekt als parameter.
  • LOL, wenn Sie wollen, schlecht zu sein, man konnte immer setzen <form onsubmit="return false;">
  • Hinweis: Bei Verwendung des onclick - Eigenschaft, nur setzen Sie ihn: elem.onclick = function () { ... };. Ansonsten versucht man, sich zu nennen, eine Vorherige handler mit den neuen, als argument.
  • Haha hoffentlich war das ein Tippfehler
  • stackoverflow.com/questions/7410063/...
InformationsquelleAutor TK123 | 2013-07-17
  1. 13

    Die gleiche Weise, tatsächlich! demo

    Einige HTML -

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

    JavaScript

    //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);

    Hinweis: bei Verwendung .addEventListener Sie verwenden sollten submit nicht onsubmit.

    Hinweis 2: Wegen der Weise, die Sie definieren my_func es ist wichtig, dass Sie rufen addEventListener nach definieren Sie die Funktion. JavaScript verwendet hochziehen, so dass Sie müssen vorsichtig sein, der Ordnung der Dinge als mit var Funktionen definieren.

    Lesen Sie mehr über addEventListener und die EventListener - Schnittstelle.

    • Nein, die return false funktioniert nicht wie Sie denken. Vielleicht in jQuery, aber definitiv nicht mit addEventListener
    • Ich aktualisiert meine Antwort. Sorry!
    • Sieht gut aus (auch Ihre letzten änderungen zu hissen) 🙂
    InformationsquelleAutor user633183
  2. 0

    ich gewusst, das ist alt, aber nur aus Gründen der es.
    versuchen

    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
Schreibe einen Kommentar