Hatua ya onblur

DOM 事件 FocusEvent

Ufafanuzi na Matumizi

Hatua ya onblur inafanyishwa wakati kina inafariki.

Hatua ya onblur inatumika kawaida na programu ya utafiti wa muhtasari (kama, wakati mtumishi alipofariki eneo la formu).

Mafanikio: Hatua ya onblur inahesabu kama Matukio ya onfocusKwa upotevu.

Mafanikio: Hatua ya onblur inahesabu kama Matukio ya onfocusoutKuna kawaida kwa sababu hatua ya onblur haikubeba huzuni. Kwa hiyo, kama unaenda kufikiria au kufikiria elementi au mababu yake yana kufariki kina, unaweza kutumia hatua ya onfocusout. Lakini, unaweza kutumia hatua ya onblur kwa Method ya addEventListener()kwa kuzingatia paramithi ya useCapture (inalezwa).

Mfano

Inafanyishwa JavaScript wakati mtumishi alipofariki eneo la input:

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

亲自试一试

Hapo chini kuna mifano ya TIY zaidi.

Majadiliano

Kwa HTML:

<element onblur="myScript">

亲自试一试

Kwa JavaScript:

object.onblur = function(){}myScript};

亲自试一试

Inaonyesha kwa JavaScript kutumia method ya addEventListener():

object.addEventListener("blur", myScript);

亲自试一试

Maelezo:Internet Explorer 8 na zaidi ya zile hauweza kusaidia Method ya addEventListener().

Maelezo ya teknolojia

Inabubiri: Hauweza kusaidia
Inafikia: Hauweza kusaidia
Aina ya huzuni: FocusEvent
Viungo vya HTML vinasimamia: Wote wengi wa viungo vya HTML, kwa kumichukua: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> na <title>
DOM Version: Level 2 Events

Inasimamia wa kifungu

Huzuni Chrome IE Firefox Safari Opera
onblur Inasimamia Inasimamia Inasimamia Inasimamia Inasimamia

Mfano zaidi

Mfano

Tumia "onblur" na "onfocus" huzuni pamoja:

<input type="text" onfocus="focusFunction()" onblur="blurFunction()">

亲自试一试

Mfano

Tengozesha kwa huzuni: kuweka thamani ya useCapture ya addEventListener() kwa true:

<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 = ""; 
}

亲自试一试

Mfano

Tengozesha kwa huzuni: kutumia huzuni ya focusin (Firefox hauweza kusaidia):

<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 = ""; 
}

亲自试一试

DOM 事件 FocusEvent