jQuery – Click Handler Elementen zuordnen und entfernen
Click handler sind wohl eine der meistgenutzen Funktionen wenn man mit jQuery arbeitet. Selten kommt man ohne sie aus.
Ich will euch heute mal kurz ein paar Feinheiten hierzu vorstellen.
Einen Click handler einem Element hinzufügen
Einem Element einen Click handler mitzugeben ist wohl mit das einfachste.
1 2 3 | $('#idDesElements').click(function(){ window.alert("Click handler ausgelöst!"); }); |
Mehrer Click handler einem Element hinzufügen
Einem Element kann übrigens mehr als nur ein Click handler zugewiesen werden.
Wird das Element geklickt, werden alle handler der Reihe nach ausgeführt.
1 2 3 4 5 6 | $('#idDesElements').click(function(){ window.alert("Click handler 1!"); }); $('#idDesElements').click(function(){ window.alert("Click handler 2"); }); |
Click Handler entfernen
Um Click Handler wieder zu entfernen reicht ein einfaches unbind.
1 | $('#idDesElements').unbind('click'); |
Click Handler hinzufügen und gleichzeitig entfernen
Da wir mit jQuery ja die wunderschöne Methode des Chainings zur verfügung haben, können wir einem einem Element alle Ihm bisher zugeordneten Click Handler entziehen und gleichzeitig einen neuen hinzufügen.
1 2 3 | $('#idDesElements').unbind('click').click(function(){ window.alert("neuer Click handler ausgelöst!"); }); |
Click Handler und Anker
Wenn man einen Click Handler an einen Linkanker aufruft, aber nicht will das der Browser dem Link folgt, nachdem der Handler aufgerufen wird muss zusätzlich einfach ein return false;
1 2 3 4 | $('#idDesElements').click(function(){ window.alert("Click handler"); return false; }); |
