En son web geliştirme öğreticiler
 

onfocusin Olay

<Olay Nesne

Örnek

Bir giriş alanı odağı almak üzereyken bir JavaScript yürütün:

<input type="text" onfocusin="myFunction()">
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.


Tanımı ve Kullanımı

Bir öğe odağı almak üzereyken onfocusin olayı oluşur.

İpucu: onfocusin olay benzer onfocus olay. Temel fark onfocus etkinlik balonunu değil yapmasıdır. Eğer bir eleman veya alt odağı alır olmadığını öğrenmek istiyorsanız nedenle, onfocusin olayı kullanmalısınız.

İpucu: Firefox onfocusin olayı desteklemese de bir elementin bir çocuk için yakalama dinleyicisi kullanarak, odağı alır olsun ya da olmasın, sen öğrenebilirsiniz onfocus (isteğe bağlı useCapture parametresini kullanarak olay addEventListener() yöntemiyle).

Tip: onfocusin olay tersidir onfocusout olay.


Tarayıcı Desteği

Olay
onfocusin Evet Evet Desteklenmiyor Evet Evet

Not: JavaScript HTML DOM sözdizimi kullanılarak Krom, Safari ve Opera 15 + beklendiği gibi onfocusin olay çalışmayabilir. Ancak, bir HTML niteliği olarak ve kullanarak çalışmalıdır addEventListener() yöntemini.


Sözdizimi

HTML'de:

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

object .onfocusin=function(){ Kendin dene "

JavaScript olarak, kullanılarak addEventListener() metodu:

object .addEventListener("focusin", myScript );
Kendin dene "

Not: addEventListener() metodu Internet Explorer 8 ve önceki sürümlerinde desteklenmez.


Teknik detaylar

Kabarcıklar: Evet
iptal Edilebilir: Yok hayır
Etkinlik tipi: FocusEvent
Desteklenen HTML etiketleri: <Baz>, <BDO>, <br>, <head>, <html>, <iframe>, <meta>, <param> <script> <style> ve: DIŞINDA TÜM HTML öğeleri <title>
DOM Versiyon: Seviye 2 Olaylar

Örnekler

Diğer Örnekler

Örnek

Kullanılması "onfocusin" ile birlikte "onfocusout" olay:

<input type="text" onfocusin="focusFunction()" onfocusout="blurFunction()">
Kendin dene "

Örnek

Olay heyeti: useCapture parametrenizi addEventListener() 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>
Kendin dene "

Örnek

Olay heyeti: (Firefox tarafından desteklenmez) focusIn olayı kullanarak:

<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>
Kendin dene "

<Olay Nesne