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