Webdesign mit CSS, HTML und Javascript
Stil mit {stil}
![]() Praxistests aktueller Kameras, Bildbearbeitung und Bildgestaltung foto.5lux.de Online-Magazin für Fotografie und Bildbearbeitung |
Aug 2007
Javascript blur • Wenn ein Element verlassen wird
blur • Javascript-Event für A, AREA, BUTTON, INPUT, SELECT, TEXTAREA
Das Javascript-Ereignis blur ruft einen Event Handler auf, wenn ein Fenster oder ein Element (z.B. ein Eingabefeld eines Formulars) den Fokus verliert. Das Ereignis kann ausgelöst werden, wenn der Benutzer außerhalb des aktuellen Fensters oder Eingabefelds klickt, oder mit der Tab-Taste zu anderen Elementen der Seite navigiert oder wenn window.blur aufgerufen wurde.
Attribute
- timeStamp
- Zeit in Millisekunden, zu der das Ereignis erzeugt wurde. Firefox auf dem Mac gibt 0 zurück, IE 7 gibt undefined zurück, Safari gibt einen timeStamp zurück
- type
- Art des Ereignisses.
- target
- Objekt zu dem das Ereignis ursprünglich gesendet wurde
Beispiel
function isNumberKey() {
var year = document.getElementById('myText');
year.onblur = function(evt) {
myText = year.value;
var myRegEx = new RegExp ("^[0-9]{4}$");
if (myText.match(myRegEx)) {
var response = document.getElementById('response');
response.innerHTML = 'Das war tatsächlich eine vierstellige Zahl. Brav.';
return false;
} else {
var response = document.getElementById('response');
response.innerHTML = 'Bitte Geburtsjahr vierstellig und nur Ziffern';
return true;
}
}
}

