Ö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 |
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