Najnowsze tutoriale tworzenie stron internetowych
 

onfocusin Event

<Object Event

Przykład

Wykonać JavaScript, gdy pole wejściowe ma zamiar uzyskać ostrość:

<input type="text" onfocusin="myFunction()">
Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.


Definicja i Wykorzystanie

Onfocusin zdarzenie występuje, gdy element ma zamiar uzyskać ostrość.

Wskazówka: onfocusin zdarzenie jest podobny do onfocus imprezy. Główną różnicą jest to, że zdarzenie onfocus nie bańkę. Dlatego, jeśli chcesz dowiedzieć się, czy element lub jego dziecko dostaje ostrość, należy użyć onfocusin wydarzenie.

Wskazówka: Chociaż Firefox nie obsługuje zdarzenie onfocusin, można dowiedzieć się, czy dziecko elementu dostaje ostrości lub nie, za pomocą detektora przechwytywania dla onfocus zdarzenia (przy użyciu opcjonalnego parametru użyj przechwytu na addEventListener() metoda).

Tip: onfocusin wydarzeniem jest przeciwieństwem onfocusout imprezy.


Wsparcie przeglądarka

Zdarzenie
onfocusin tak tak Nieobsługiwany tak tak

Uwaga: onfocusin zdarzenie może nie działać zgodnie z oczekiwaniami w Chrome, Safari i Opera 15+ używając składni JavaScript HTML DOM. Należy jednak pracować jako atrybut HTML i za pomocą addEventListener() metody.


Składnia

W HTML:

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

object .onfocusin=function(){ Spróbuj sam "

W JavaScript, używając addEventListener() metodę:

object .addEventListener("focusin", myScript );
Spróbuj sam "

Uwaga: addEventListener() metoda ta nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach.


Szczegóły techniczne

bubbles: tak
opłata: Nie
Typ wydarzenia: FocusEvent
Obsługiwane znaczniki HTML: Wszystkie elementy HTML, z wyjątkiem: <baza>, <BDO>, Największa, <head>, <html>, <iframe>, <meta>, <param> <script> <style> i <title>
DOM wersja: Poziom 2 Wydarzenia

Przykłady

Więcej przykładów

Przykład

Używanie "onfocusin" wraz z "onfocusout" imprezy:

<input type="text" onfocusin="focusFunction()" onfocusout="blurFunction()">
Spróbuj sam "

Przykład

Delegacja zdarzenia: ustawienie parametru użyj przechwytu z addEventListener() na 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>
Spróbuj sam "

Przykład

delegacja zdarzenia: za pomocą zdarzenia focusIn (nie obsługiwane przez Firefoksa):

<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>
Spróbuj sam "

<Object Event