onfocusin gebeurtenis
Voorbeeld
Voer 'n JavaScript uit wanneer 'n invoerveld besig is om fokus te kry:
<input type="text"
onfocusin="myFunction()">
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die onfokusingebeurtenis vind plaas wanneer 'n element op die punt is om fokus te kry.
Wenk: Die onfocusin-geleentheid is soortgelyk aan die onfokus -gebeurtenis. Die belangrikste verskil is dat die fokusgebeurtenis nie borrel nie. Daarom, as jy wil uitvind of 'n element of sy kind die fokus kry, moet jy die onfocusin-gebeurtenis gebruik.
Wenk: Die onfokusgebeurtenis is die teenoorgestelde van die onfokusuitgebeurtenis .
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die geleentheid ten volle ondersteun.
| Event | |||||
|---|---|---|---|---|---|
| onfocusin | Yes | Yes | 52.0 | Yes | Yes |
Let wel: Die onfocusin-geleentheid sal dalk nie werk soos verwag in Chrome, Safari en Opera 15+ deur die JavaScript HTML DOM-sintaksis te gebruik nie. Dit moet egter werk as 'n HTML-kenmerk en deur die addEventListener()-metode te gebruik (Sien sintaksisvoorbeelde hieronder).
Sintaksis
In HTML:
<element onfocusin="myScript">
In JavaScript (werk dalk nie soos verwag in Chrome, Safari en Opera 15+ nie):
object.onfocusin = function(){myScript};
In JavaScript, gebruik die addEventListener() metode:
object.addEventListener("focusin", myScript);
Let wel: Die addEventListener() metode word nie in Internet Explorer 8 en vroeër weergawes ondersteun nie.
Tegniese besonderhede
| borrels: | Ja |
|---|---|
| Kanselleerbaar: | Geen |
| Soort gebeurtenis: | FokusGebeurtenis |
| Ondersteunde HTML-etikette: | ALLE HTML-elemente, BEHALWE: <basis>, <bdo>, <br>, <kop>, <html>, <iframe>, <meta>, <param>, <skrif>, <styl> en <titel> |
| DOM weergawe: | Vlak 2-geleenthede |
Meer voorbeelde
Voorbeeld
Gebruik "onfocusin" saam met die "onfocusout" gebeurtenis:
<input type="text" onfocusin="focusFunction()" onfocusout="blurFunction()">
Voorbeeld
Gebeurtenisdelegering: stel die useCapture- parameter van addEventListener() op waar (vir fokus en vervaag):
<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>
Voorbeeld
Gebeurtenisdelegering: gebruik die focusin gebeurtenis:
<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>