acara onfocusin
contoh
JavaScript dijalankan ketika field input (masukan) adalah untuk mendapatkan fokus:
Coba »
Bagian bawah bagian ini ada lebih banyak contoh.
Definisi dan Penggunaan
Acara onfocusin dipicu ketika suatu unsur adalah tentang fokus.
Tip: onfocusin peristiwa mirip dengan onfocus acara. Perbedaan utama adalah bahwa tidak mendukung onfocus acara menggelegak. Jadi, jika Anda ingin tahu apakah unsur atau elemen anaknya mendapatkan fokus diperlukan onfocusin acara.
Tip: Meskipun browser Firefox tidak mendukung onfocusin peristiwa, tetapi Anda dapat menggunakan onfocus yang (menggunakan metode addEventListener () merupakan parameter opsional useCapture) peristiwa capture Monitor untuk melihat apakah unsur atau sub-elemen mendapat fokus.
Tip: Sebaliknya acara onfocusin event adalah onfocusout acara.
Dukungan Browser
peristiwa | |||||
---|---|---|---|---|---|
onfocusin | ya | ya | Tidak mendukung | ya | ya |
Catatan: Gunakan sintaks HTML DOM di Chrome, Safari dan Opera 15+ browser onfocusin peristiwa mungkin tidak bekerja dengan benar. Namun, ia sebagai elemen HTML dengan menggunakan metode addEventListener () dapat bekerja.
tatabahasa
Di HTML:
JavaScript (Chrome, Safari dan Opera 15+ mungkin tidak bekerja dengan benar) di:
JavaScript, menggunakan () metode addEventListener:
Catatan: Internet Explorer 8 dan versi sebelumnya dari IE tidak mendukung () addEventListener metode.
rincian teknis
Apakah akan mendukung gelembung: | ya |
---|---|
Hal ini dapat dibatalkan: | tidak |
Jenis acara: | FocusEvent |
tag HTML didukung: | Semua elemen HTML kecuali: <base>, <bdo>, Situs, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, dan <title> |
contoh yang lebih
contoh
Digunakan bersama dengan "onfocusin" dan "onfocusout" acara:
Coba »
contoh
delegasi acara: Set addEventListener () Parameter useCapture benar (untuk fokus dan mendapatkan kehilangan fokus):
<Input type = "text" id = "myInput">
</ Form>
<Script>
var x = document.getElementById ( "myForm");
x.addEventListener ( "fokus", myFocusFunction, true);
x.addEventListener ( "blur", myBlurFunction, true);
Fungsi myFocusFunction () {
. Document.getElementById ( "myInput") style.backgroundColor = "kuning";
}
Fungsi myBlurFunction () {
document.getElementById ( "myInput") style.backgroundColor = "".;
}
</ Script>
Coba »
contoh
delegasi acara: Gunakan focusin acara (browser Firefox tidak mendukung):
<Input type = "text" id = "myInput">
</ Form>
<Script>
var x = document.getElementById ( "myForm");
x.addEventListener ( "focusin", myFocusFunction);
x.addEventListener ( "focusout", myBlurFunction);
Fungsi myFocusFunction () {
. Document.getElementById ( "myInput") style.backgroundColor = "kuning";
}
Fungsi myBlurFunction () {
document.getElementById ( "myInput") style.backgroundColor = "".;
}
</ Script>
Coba »