onblur gebeurtenis
Voorbeeld
Voer 'n JavaScript uit wanneer 'n gebruiker 'n invoerveld verlaat:
<input type="text" onblur="myFunction()">
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die onblur-gebeurtenis vind plaas wanneer 'n voorwerp fokus verloor.
Die onblur-gebeurtenis word meestal met vormvalideringskode gebruik (bv. wanneer die gebruiker 'n vormveld verlaat).
Wenk: Die onblur-gebeurtenis is die teenoorgestelde van die onfokus -gebeurtenis.
Wenk: Die onblur-gebeurtenis is soortgelyk aan die onfokus -uit- gebeurtenis. Die belangrikste verskil is dat die onblur-gebeurtenis nie borrel nie. As jy dus wil uitvind of 'n element of sy kind fokus verloor, kan jy die uitfokusgebeurtenis gebruik. U kan dit egter bereik deur die opsionele useCapture- parameter van die addEventListener() -metode vir die onblur-gebeurtenis te gebruik.
Blaaierondersteuning
Event | |||||
---|---|---|---|---|---|
onblur | Yes | Yes | Yes | Yes | Yes |
Sintaksis
In HTML:
<element onblur="myScript">
In JavaScript:
object.onblur = function(){myScript};
In JavaScript, gebruik die addEventListener() metode:
object.addEventListener("blur", myScript);
Let wel: Die addEventListener() metode word nie in Internet Explorer 8 en vroeër weergawes ondersteun nie.
Tegniese besonderhede
borrels: | Geen |
---|---|
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 "onblur" saam met die "onfocus" gebeurtenis:
<input type="text" onfocus="focusFunction()" onblur="blurFunction()">
Voorbeeld
Gebeurtenisdelegering: stel die useCapture- parameter van addEventListener() op waar:
<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 (nie ondersteun deur Firefox nie):
<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>