Einfache JavaScript-Version von e.preventDefault ();

Mit den folgenden jQuery-script stoppen Sie die Standard-Aktion von dummy-links, das heißt: <a href="#">

$('a').click(function(e) {
  e.preventDefault();
});

Was wäre die plain-vanilla-version von diesem script?

Ich bin kein JavaScript-Programmierer, aber ich denke es kann etwas sein, das verwendet return false;. Wieder, ich kann völlig falsch sein.

Dank im Voraus für Eure Hilfe.

InformationsquelleAutor der Frage Ricardo Zea | 2013-10-04

  1. 24

    Haben Sie event.preventDefault() erhältlich in vanilla-javascript auch. In einer generischen Art und Weise können Sie immer return false. Wenn Sie fügen Sie einen Ereignis-handler, den Sie werden garantiert, um Ereignis agument bestanden in der hf im Gegensatz zur Verwendung der onclick oder andere Attribute des Elements (In dem Fall sollten Sie sich auf das spezifische Ereignis-Objekt in der Seite, die der handler, die Sie erhalten möglicherweise nicht in allen Browsern, wie IE, die Sie verwenden würden window.event).

    Ex: -

      document.getElementById('someId').addEventListener('click', function(e){ //say this is an anchor
         //do something
        e.preventDefault();
   });

    Also für alle die Anker:

     var anchors = document.getElementsByTagName('a');
 for(i=0, len=anchors.length; i<len; i++){
     anchors[i].addEventListener('click', function(e){e.preventDefault();});
 }

    InformationsquelleAutor der Antwort PSL

  2. 9
    //Like $('a'), gets all the <a> elements in the document.
var aElements = document.getElementsByTagName('a');
//Create one function object instead of one per <a> element.
//The calling convention is the same for jQuery as for regular JS.
function preventDefaultListener(e) { e.preventDefault(); }
//For each a element,
for (var i = 0, n = aElements.length; i < n; ++i) {
  //register the listener to be fired on click.
  aElements[i].addEventListener('click', preventDefaultListener);
}

    InformationsquelleAutor der Antwort Mike Samuel

  3. 1

    False zurück, ist der Weg zu gehen. E. g. wenn Ihr Anker hat bereits ein href:

    <a href="http://www.google.com" onclick="alert('clicked!');return false">Click me</a>

    Aufruf von onclick-wie dieser nur die Funktion, aber nicht die navigation.

    InformationsquelleAutor der Antwort Yuriy Galanter

  4. 1

    ja, Sie können mit return false;

    <a href="" onclick="return false;">test</a>

    InformationsquelleAutor der Antwort Drixson Oseña

  5. 1

    @Ricardo sind Sie richtig, sir.

    Nicht nur return false deaktivieren Sie die Standard-Aktion für ein Sprach-element, verhindert es blubbert auch. 

     e.preventDefault();
 e.stopPropagation();

    gleich

    return false;

    du entscheiden 🙂

    InformationsquelleAutor der Antwort Zone6

Schreibe einen Kommentar