En son web geliştirme öğreticiler
 

onfocusout Olay

<Olay Nesne

Örnek

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

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

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


Tanımı ve Kullanımı

Bir öğe odağı kaybetmek üzereyken onfocusout olayı oluşur.

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

İpucu: Firefox onfocusout olayı desteklemediği rağmen, bir elementin bir çocuk için yakalama dinleyicisi kullanarak, odak ya da değil kaybeder öğrenebilirsiniz Onblur (isteğe bağlı useCapture parametresini kullanarak olay addEventListener() yöntemiyle).

Tip: onfocusout olay tersidir onfocusin olay.


Tarayıcı Desteği

Olay
onfocusout Evet Evet Desteklenmiyor Evet Evet

Not: JavaScript HTML DOM sözdizimi kullanılarak Krom, Safari ve Opera 15 + beklendiği gibi onfocusout 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 .onfocusout=function(){ Kendin dene "

JavaScript olarak, kullanılarak addEventListener() metodu:

object .addEventListener("focusout", 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