Tukio la onfocusout

Matukio ya DOM FocusEvent

Mifano na matumizi

Tukio la onfocusout linaenea kwenye hekima ambao inaenda kufikia kwenye.

Tahadhari: Tukio la onfocusout kimeenea na: Matukio ya onblur. Kwa hivyo, kama unaenda kuelewa kama hekima au maelezo wa hekima unaona kufikia kwenye, unaweza kutumia tukio la onfocusout.

Tahadhari:Inaingia, bagamae ni Firefox inasukumwa tukio la onfocusout, unaweza kuelewa kama maelezo wa hekima unaona kufikia kwenye tukio la onblur kwa kutumia kikundi cha tukio (kwa upili wa method ya addEventListener). Kwa hivyo, mawendo ya kawaida ni kwamba tukio la onblur hauenea. Kwa hivyo, kama unaenda kuelewa kama hekima au maelezo wa hekima unaona kufikia kwenye, unaweza kutumia tukio la onfocusout.

Tahadhari: Tukio la onfocusout kimeenea na: Matukio ya onfocusinThibitisha.

Mfano

Mfano 1

Tumia JavaScript kumaliza masaa ya kufikia kwenye hekima la input:

<input type="text" onfocusout="myFunction()">

Jifunze tena

Hakika, kwenye mawingu ya mawakilishi ya TIY zaidi.

Muundo

Kwenye HTML:

<element onfocusout="myScript">

Jifunze tena

In JavaScript (ingekuwa inafanya kama ilivyo kwenye Chrome, Safari na Opera 15+):

object.onfocusout = function(){myScript};

Jifunze tena

Kwenye JavaScript, tumia method ya addEventListener():

object.addEventListener("focusout", myScript);

Jifunze tena

Mafikirio:Internet Explorer 8 au zaidi ya hivi inasukumwa: Method ya addEventListener().

Maadili ya teknolojia

Kuwa na mabomu: Inahusiana na
Inaweza kughairi: Haiweza kusukumwa:
Tahani za matukio: FocusEvent
Tarehe HTML zisizosukumwa: Woteza wote wa HTML, kwa hisia ya: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> na <title>
DOM Version: Level 2 Events

Inahusiana na kina

Mwili wa namba kwenye tabia inaonyesha sababu ya kuanzishwa kwa kina wa kwanza wa kina hiki kwa tukio hili.

Tukio Chrome IE Firefox Safari Opera
onfocusout Inahusiana na Inahusiana na 52.0 Inahusiana na Inahusiana na

Mafikirio:Tukio la onfocusout liningani kwa hatua kwa Chrome, Safari na Opera 15+ kwa lugha ya JavaScript HTML DOM, lakini inapaswa kufanya kama thamani ya HTML na kutumia mtindo wa addEventListener() (tazama mifano ya mtindo kufuata).

Mafanikio mengenea

Mfano 2

Tumia tukio "onfocusin" na "onfocusout" kwa pamoja:

<input type="text" onfocusin="focusFunction()" onfocusout="blurFunction()">

Jifunze tena

Mfano 3

Tukiozaji: ingiza thamani la useCapture kwa true (kwa focus na 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>

Jifunze tena

Mfano 4

Tukiozaji: kutumia tukio la focusin:

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

Jifunze tena

Matukio ya DOM FocusEvent