Webdesign mit CSS, HTML und Javascript
Stil mit {stil}
Aug 2007
Javascript DOM :: Event-Handler onfocus
Javascript Event für A, AREA, BUTTON, INPUT, LABEL, SELECT, TEXTAREA
onfocus führt einen angegebenen Javascript-Code oder -Funktion aus, wenn ein Element in den Fokus kommt (aktiviert wird), weil der Benutzer auf das Element klickt oder mit der Tastatur zum Element navigiert. Löst das Ereignis onFocus eine Alert-Box aus, wird die Alert-Box bei jedem Klick auf den OK-Button erneut ausgelöst, denn das Betätigen des OK-Buttons bringt das aufrufende Element oder Objekt wieder in den Fokus.
Attribute
- type
- Typ des Ereignisses
- target
- Objekt zu dem das Ereignis ursprünglich gesendet wurde
- eventPhase
- Phase, in der das Ereignis bearbeitet wird: AT_TARGET, BUBBLING_PHASE, CAPTURING_PHASE
- bubbles
- Nein
- cancelable
- Nein
- timeStamp
- Zeit in Millisekunden, zu der das Ereignis eingetreten ist
Beispiel
if (window.focus) {
}
prüft, ob der Browser die Methode focus unterstützt.
if (window.focus()) {
}
prüft, ob der Fokus auf dem Fenster liegt.
...
<script type="text/javascript">
window.onload = changeVal;
function changeVal() {
var anInput = document.getElementById('theInput');
anInput.onfocus = function () {
this.setAttribute ('value','Ich fühle mich aktiviert');
}
}
</script>
...
</head>
<body>
<form>
<p><input type="text" name="text1"
value="Aktiviere mich mal!" id="theInput" /></p>
</form>
</body>
</html>