onfocusout ఇవెంట్

DOM ఈవెంట్లు FocusEvent

నిర్వచనం మరియు ఉపయోగం

onfocusout ఇవెంట్ సంభవిస్తుంది వెంటనే ఎలిమెంట్ కింది ఫోకస్ నుండి లోస్ట్ అవుతుంది సమయంలో.

అడ్వైజరీ: onfocusout ఇవెంట్ అనేది onblur ఈవెంట్.

అడ్వైజరీ:ఫైర్ఫాక్స్ లో onfocusout ఇవెంట్ మద్దతు లేదు కానీ, మీరు addEventListener() మాదిరి మంత్రం యొక్క ఆప్షనల్ useCapture పారామీటర్ ఉపయోగించి onblur ఇవెంట్ కాప్చర్ లిసెనర్ ద్వారా మీరు కొన్ని అంశాలను తెలుసుకోవచ్చు. ప్రధాన వ్యత్యాసం అనగా, onblur ఇవెంట్ బాయిలవ్ అవుతుంది. కాబట్టి, మీరు కొన్ని అంశాలను తెలుసుకోవాలనుకుంటే, onfocusout ఇవెంట్ ఉపయోగించాలి.

అడ్వైజరీ: onfocusout ఇవెంట్ తో onfocusin ఈవెంట్ప్రతికూలంగా.

ఉదాహరణ

ఉదాహరణ 1

ఇన్పుట్ ఫీల్డ్ కింది ఫోకస్ నుండి లోస్ట్ అవుతున్నప్పుడు జావాస్క్రిప్ట్ అమలు చేయండి:

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

స్వయంగా ప్రయత్నించండి

పేజీ కింద మరిన్ని TIY ఉదాహరణలు ఉన్నాయి。

సంకేతసారం

హెచ్చిఎల్ లో ఉపయోగించడం విధంగా:

<element onfocusout="myScript">

స్వయంగా ప్రయత్నించండి

జావాస్క్రిప్ట్ లో (క్రోమ్, సఫారీ మరియు ఓపెరా 15+ లో ఆశించిన పనిని చేయకపోవచ్చు):

object.onfocusout = function(){myScript};

స్వయంగా ప్రయత్నించండి

జావాస్క్రిప్ట్ లో, addEventListener() మాదిరి మంత్రం ఉపయోగించడం విధంగా:

object.addEventListener("focusout", myScript);

స్వయంగా ప్రయత్నించండి

ప్రకటనలు:ఇంటర్నెట్ ఎక్స్ప్లోరర్ 8 లేదా అంతకు ముంది సంస్కరణలు ఈ మాదిరి మంత్రాన్ని మద్దతు లేదు addEventListener() మాదిరి మంత్రం.

సాంకేతిక వివరాలు

బాయిలవ్ అవుతుంది: మద్దతు
రద్దు చేయగలిగేది: కాల్చదగినది:
ఇవి మద్దతు లేదు: FocusEvent
మద్దతు ఉన్న హెచ్చిఎల్ టాగ్స్: అన్ని హెచ్చిఎల్ ఎలిమెంట్స్, మరియు కాదు: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> మరియు <title>
DOM వెర్షన్: లెవల్ 2 ఈవెంట్లు

బ్రౌజర్ మద్దతు

పట్టికలో నమూనాలు ఈ ఈవెంట్ను పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ను పేర్కొన్నాయి.

ఈవెంట్ చ్రోమ్ ఐఇ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
onfocusout మద్దతు మద్దతు 52.0 మద్దతు మద్దతు

ప్రకటనలు:onfocusout ఈవెంట్ onfocusout 事件 ఉపయోగించినప్పుడు Chrome, Safari మరియు Opera 15+ లో అనుమానంగా పని చేయవచ్చు. కానీ, అది HTML అట్రిబ్యూట్ గా ఉపయోగించబడవచ్చు మరియు addEventListener() మాదిరిగా ఉపయోగించబడవచ్చు (క్రింది సింథెక్స్ ఉదాహరణ చూడండి).

మరిన్ని ఉదాహరణలు

ఉదాహరణ 2

"onfocusin" మరియు "onfocusout" ఈవెంట్లను ఉపయోగించండి:

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

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 3

ఈవెంట్ డెలిగేషన్: addEventListener() యొక్క useCapture పారామితిని true చేయండి (focus మరియు 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>

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 4

ఈవెంట్ డెలిగేషన్: 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>

స్వయంగా ప్రయత్నించండి

DOM ఈవెంట్లు FocusEvent