Neueste Web-Entwicklung Tutorials
 

onfocusout Ereignis

<Ereignisobjekt

Beispiel

Führen Sie einen JavaScript, wenn ein Eingabefeld ist über den Fokus zu verlieren:

<input type="text" onfocusout="myFunction()">
Versuch es selber "

Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.

Definition und Verwendung

Das onfocusout Ereignis tritt auf, wenn ein Element im Begriff ist, den Fokus zu verlieren.

Tipp: Das onfocusout Ereignis ähnelt dem onblur Ereignis. Der wesentliche Unterschied besteht darin, dass das onblur Ereignis nicht Blase. Deshalb, wenn Sie ein Element oder sein Kind herausfinden wollen, ob der Fokus verliert, sollten Sie die onfocusout Ereignis verwenden.

Tipp: Auch wenn Firefox nicht die onfocusout Veranstaltung unterstützen, können Sie herausfinden , ob ein Kind eines Element des Fokus verliert oder nicht, durch einen Fang Listener für die Verwendung onblur Ereignis (die optionalen Parameter useCapture der mit addEventListener() Methode).

Tip: Das onfocusout Ereignis ist das Gegenteil von dem onfocusin Ereignisse.

Browser-Unterstützung

Event
onfocusout Ja Ja Nicht unterstützt Ja Ja

Hinweis: Das onfocusout Ereignis möglicherweise nicht funktionieren wie erwartet in Chrome, Safari und Opera 15+ die JavaScript - HTML - DOM - Syntax. Es sollte jedoch als HTML - Attribut arbeiten und durch die Verwendung von addEventListener() Methode.

Syntax

In HTML:

< Versuch es selber "

In JavaScript (may not work as expected in Chrome, Safari and Opera 15+) :

object .onfocusout=function(){ Versuch es selber "

In JavaScript mit den addEventListener() Methode:

object .addEventListener("focusout", myScript );
Versuch es selber "

Hinweis: Die addEventListener() Methode wird nicht unterstützt in Internet Explorer 8 und früheren Versionen.

Technische Details

Blasen: Ja
Es fällt eine Pauschale: Nein
Event-Typ: Focus
Unterstützte HTML-Tags: Alle HTML - Elemente, AUSSER: <base>, <bdo>, in , <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> und <title>
DOM Version: Level 2 Veranstaltungen
Beispiele

Mehr Beispiele

Beispiel

Mit "onfocusin" zusammen mit dem "onfocusout" Event:

<input type="text" onfocusin="focusFunction()" onfocusout="blurFunction()">
Versuch es selber "

Beispiel

Ereignis Delegation: die useCapture Parameter der Einstellung addEventListener() auf true (for focus and blur) :

<form id="myForm">
  <input type="text" id="myInput">
</form>

<script>
var x = document.getElementById("myForm");
x.addEventListener("focus", myFocusFunction, true );
x.addEventListener("blur", myBlurFunction, true );

function myFocusFunction() {
    document.getElementById("myInput").style.backgroundColor = "yellow";
}

function myBlurFunction() {
    document.getElementById("myInput").style.backgroundColor = "";
}
</script>
Versuch es selber "

Beispiel

Event-Delegation: das focusin Ereignis (nicht von Firefox unterstützt):

<form id="myForm">
  <input type="text" id="myInput">
</form>

<script>
var x = document.getElementById("myForm");
x.addEventListener("focusin", myFocusFunction);
x.addEventListener("focusout", myBlurFunction);

function myFocusFunction() {
    document.getElementById("myInput").style.backgroundColor = "yellow";
}

function myBlurFunction() {
    document.getElementById("myInput").style.backgroundColor = "";
}
</script>
Versuch es selber "
<Ereignisobjekt