AJAX: Links deaktivieren wenn JS angeschaltet ist?

[ohrflieger]

Moin,

Folgendes: Ich möchte eine Website mit AJAX gestalten und eine Alternative für Nutzer ohne JS lassen, genau gesagt bei Links.
Das heißt, ich definiere z.B. einen Link zu einem Kontaktformular:

<a href="kontakt.php">Kontakt</a>

Wenn JavaScript nicht angeschaltet ist, lädt der Browser die kontakt.php ganz normal.
Ist aber JS an und kann somit AJAX verwendet werden, soll der Browser bei Klick auf den Link nicht die kontakt.php öffnen, sondern eine Funktion aufrufen (die dann z.B. das Kontaktformular nachlädt).

Wie kann man den Link zuverlässig deaktivieren und die Funktion stattdessen einbauen?

 

[crash]

Das Event mit preventDefault() canceln:

linkRef.onclick = function (evt) {
    evt = evt || window.event; //letzeres für den IE

    // mach was

   if (typeof event.preventDefault != "undefined") event.preventDefault();
   else event.returnValue = false; // wiedermal IE
}

Oder mit Hilfe von design-noir | Webentwicklung | JavaScript | addEvent & removeEvent:

addEvent(linkRef, "click", function (evt) {
    evt.preventDefault();
});

Oder ganz klassisch:

<a href="foo.html" onclick="doSomeAJAX(); return false">Link</a>

 

[ohrflieger]

Danke für deine Antwort!
Welche methode würdest du denn benutzen/verwendest du? Welche ist "besser" (ich weiß, die besser-Frage ist eigentlich sinnlos)?
Funktioniert das letzte mit "return false;" bei allen Browsern?

 

[crash]

Letztes funktioniert wunderbar. Ich bevorzuge natürlich addEvent() und removeEvent(), diese Methode ist Standard-gemäß, schneller, einfacher und besser wartbar.

 

[ohrflieger]

Danke^^ Hat mir sehr geholfen!