ਕੋਰਸ ਸਿਫਾਰਸ਼:

onfocusin ਈਵੈਂਟ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

ਜਦੋਂ ਫਾਈਰਫਾਕਸ ਨੇ onfocusin ਈਵੈਂਟ ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਦਿੱਤਾ ਹੈ, ਤਾਂ ਤੁਸੀਂ onfocus ਈਵੈਂਟ ਦੇ ਕਾਪਚਰ ਲਿਸਨਰ (addEventListener() ਮੈਥਡ ਦੇ ਵਿਕਲਪੀ useCapture ਪੈਰਾਮੀਟਰ) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਤੁਸੀਂ ਪਤਾ ਲਗਾ ਸਕਦੇ ਹੋ ਕਿ ਇੱਕ ਐਲੀਮੈਂਟ ਦੇ ਉਪ ਐਲੀਮੈਂਟ ਫੋਕਸ ਹਾਸਲ ਕਰ ਰਿਹਾ ਹੈ ਜਾਂ ਨਹੀਂ। ਮੁੱਖ ਅੰਤਰ ਇਹ ਹੈ ਕਿ onfocus ਈਵੈਂਟ ਨਹੀਂ ਬੱਸਤਿਕਰਣ ਕਰਦਾ ਹੈ। ਇਸ ਲਈ, ਤੁਸੀਂ ਇੱਕ ਐਲੀਮੈਂਟ ਜਾਂ ਇਸ ਦੇ ਉਪ ਐਲੀਮੈਂਟ ਫੋਕਸ ਹਾਸਲ ਕਰਨ ਲਈ onfocusin ਈਵੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ。onfocusin ਈਵੈਂਟ ਇੱਕ ਐਲੀਮੈਂਟ ਵਿੱਚ ਫੋਕਸ ਹਾਸਲ ਕਰਨ ਵਾਲਾ ਹੁੰਦਾ ਹੈ。 onfocus ਈਵੈਂਟonfocusin ਈਵੈਂਟ ਵਿਸ਼ੇਸ਼ ਤੌਰ 'ਤੇ

ਜਦੋਂ ਫਾਈਰਫਾਕਸ ਨੇ onfocusin ਈਵੈਂਟ ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਦਿੱਤਾ ਹੈ, ਤਾਂ ਤੁਸੀਂ onfocus ਈਵੈਂਟ ਦੇ ਕਾਪਚਰ ਲਿਸਨਰ (addEventListener() ਮੈਥਡ ਦੇ ਵਿਕਲਪੀ useCapture ਪੈਰਾਮੀਟਰ) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਤੁਸੀਂ ਪਤਾ ਲਗਾ ਸਕਦੇ ਹੋ ਕਿ ਇੱਕ ਐਲੀਮੈਂਟ ਦੇ ਉਪ ਐਲੀਮੈਂਟ ਫੋਕਸ ਹਾਸਲ ਕਰ ਰਿਹਾ ਹੈ ਜਾਂ ਨਹੀਂ। ਮੁੱਖ ਅੰਤਰ ਇਹ ਹੈ ਕਿ onfocus ਈਵੈਂਟ ਨਹੀਂ ਬੱਸਤਿਕਰਣ ਕਰਦਾ ਹੈ। ਇਸ ਲਈ, ਤੁਸੀਂ ਇੱਕ ਐਲੀਮੈਂਟ ਜਾਂ ਇਸ ਦੇ ਉਪ ਐਲੀਮੈਂਟ ਫੋਕਸ ਹਾਸਲ ਕਰਨ ਲਈ onfocusin ਈਵੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ。

ਜਦੋਂ ਫਾਈਰਫਾਕਸ ਨੇ onfocusin ਈਵੈਂਟ ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਦਿੱਤਾ ਹੈ, ਤਾਂ ਤੁਸੀਂ onfocus ਈਵੈਂਟ ਦੇ ਕਾਪਚਰ ਲਿਸਨਰ (addEventListener() ਮੈਥਡ ਦੇ ਵਿਕਲਪੀ useCapture ਪੈਰਾਮੀਟਰ) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਤੁਸੀਂ ਪਤਾ ਲਗਾ ਸਕਦੇ ਹੋ ਕਿ ਇੱਕ ਐਲੀਮੈਂਟ ਦੇ ਉਪ ਐਲੀਮੈਂਟ ਫੋਕਸ ਹਾਸਲ ਕਰ ਰਿਹਾ ਹੈ ਜਾਂ ਨਹੀਂ। ਮੁੱਖ ਅੰਤਰ ਇਹ ਹੈ ਕਿ onfocus ਈਵੈਂਟ ਨਹੀਂ ਬੱਸਤਿਕਰਣ ਕਰਦਾ ਹੈ। ਇਸ ਲਈ, ਤੁਸੀਂ ਇੱਕ ਐਲੀਮੈਂਟ ਜਾਂ ਇਸ ਦੇ ਉਪ ਐਲੀਮੈਂਟ ਫੋਕਸ ਹਾਸਲ ਕਰਨ ਲਈ onfocusin ਈਵੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ。ਸੁਝਾਅ: onfocusout ਈਵੈਂਟonfocusin ਈਵੈਂਟ ਨਾਲ

ਵਿਲੱਖਣ

ਉਦਾਹਰਨ

ਉਦਾਹਰਨ 1

ਜਦੋਂ ਇੰਪੁਟ ਫੀਲਡ ਫੋਕਸ ਹਾਸਲ ਕਰਨ ਵਾਲਾ ਹੈ ਤਾਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਚਲਾਓ:

ਸਵੈ ਕ੍ਰਿਆ ਕਰੋ

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

ਪੇਜੇ ਦੇ ਨੇੜੇ ਹੋਰ TIY ਉਦਾਹਰਨ ਹਨ。

ਗਰਮਾਤਰਾ

ਐੱਚਟੀਐੱਮਐੱਲ ਵਿੱਚ:< element.addEventListener("focusin",onfocusin="

ਸਵੈ ਕ੍ਰਿਆ ਕਰੋ

">

ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ, addEventListener() ਮੈਥਡ ਦੀ ਵਰਤੋਂ ਕਰਕੇ:ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ (ਚਾਹੇ ਫਰਾਈਫਾਕਸ, ਸਫਾਰੀ ਅਤੇ ਓਪਰਾ 15+ ਵਿੱਚ ਸਹੀ ਤਰ੍ਹਾਂ ਕੰਮ ਨਹੀਂ ਕਰੇ):.addEventListener("focusin",.onfocusin = function(){

ਸਵੈ ਕ੍ਰਿਆ ਕਰੋ

};

ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ, addEventListener() ਮੈਥਡ ਦੀ ਵਰਤੋਂ ਕਰਕੇ:object .addEventListener("focusin",myScript

ਸਵੈ ਕ੍ਰਿਆ ਕਰੋ

ਟਿੱਪਣੀ:); ਇੰਟਰਨੈੱਟ ਐੱਕਸਪਲੋਰਰ 8 ਜਾਂ ਪੁਰਾਣੇ ਤੋਂ ਪਹਿਲਾਂ ਸਮਰਥਨ ਨਹੀਂ ਹੈaddEventListener() ਮੈਥਡ

ਤਕਨੀਕੀ ਵੇਰਵੇ: ਸਮਰਥਨ
ਬੱਸਤਿਕਰਣ: ਰੱਦ ਕਰਨ ਵਾਲਾ:
ਇਸਨੇ ਸਮਰਥਨ ਨਹੀਂ ਹੈ: FocusEvent
ਸਮਰਥਿਤ ਐੱਚਟੀਐੱਮਐੱਲ ਟੈਗ: ਸਾਰੇ ਐੱਚਟੀਐੱਮਐੱਲ ਐਲੀਮੈਂਟਸ, ਇਹ ਛੱਡ ਕੇ: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> ਅਤੇ <title>
DOM ਸੰਸਕਰਣ: ਲੈਵਲ 2 ਈਵੈਂਟ

ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਸੰਖਿਆਵਾਂ ਨੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਈਵੈਂਟ ਨੂੰ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਪਹਿਲੇ ਬਰਾਊਜ਼ਰ ਸੰਸਕਰਣ ਨੂੰ ਸੂਚਿਤ ਕਰਦੀਆਂ ਹਨ。

ਈਵੈਂਟ ਚਾਰਨੀ ਆਈਈ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪੇਰਾ
onfocusin ਸਮਰਥਨ ਸਮਰਥਨ 52.0 ਸਮਰਥਨ ਸਮਰਥਨ

ਟਿੱਪਣੀ:onfocusin ਈਵੈਂਟ ਚਾਰਨੀ ਵਿੱਚ ਮੋਜ਼ੂਮੇਂਟੀਸ਼ਨ ਵਿੱਚ ਅਨੁਮਾਨਿਤ ਰੂਪ ਵਿੱਚ ਕੰਮ ਨਹੀਂ ਕਰ ਸਕਦਾ ਹੈ। ਪਰ, ਇਹ ਹੈਲਥ ਵਿੱਚ ਵਰਤਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ ਅਤੇ addEventListener() ਮੇਥਡ ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ (ਹੇਠ ਦੇ ਗਰੱਫਿਕ ਉਦਾਹਰਣ ਦੇਖੋ)。

ਹੋਰ ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 2

onfocusin ਅਤੇ onfocusout ਈਵੈਂਟਾਂ ਨੂੰ ਉਪਯੋਗ ਵਿੱਚ ਲਿਆਉਣਾ:

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

ਸਵੈ ਕ੍ਰਿਆ ਕਰੋ

ਉਦਾਹਰਣ 3

ਈਵੈਂਟ ਡੈਲੀਗੇਸ਼ਨ: ਐਡਡਰਿਅੰਟਲੀਸਟਰ() ਦਾ useCapture ਪੈਰਾਮੀਟਰ ਮੁੱਖ ਰੂਪ ਵਿੱਚ ਸੈਟ ਕਰੋ (ਫੋਕਸ ਅਤੇ blur):

<form id="myForm">
  <input type="text" id="myInput">
</form>
<script>
var x = document.getElementById("myForm");
x.addEventListener("focus", ਮੇਂਈਫੋਕਸਫੰਕਸਨ, true);
x.addEventListener("blur", ਮਿਊਬਲੁਰਫੰਕਸਨ, true);
function ਮੇਂਈਫੋਕਸਫੰਕਸਨ() {
  document.getElementById("myInput").style.backgroundColor = "yellow"; 
}
}
  function myBlurFunction() { 
}
</script>

ਸਵੈ ਕ੍ਰਿਆ ਕਰੋ

ਉਦਾਹਰਣ 4

ਈਵੈਂਟ ਡੈਲੀਗੇਸ਼ਨ: ਉਪਯੋਗ focusin ਈਵੈਂਟ:

<form id="myForm">
  <input type="text" id="myInput">
</form>
<script>
var x = document.getElementById("myForm");
x.addEventListener("focusin", ਮੇਂਈਫੋਕਸਫੰਕਸਨ);
x.addEventListener("focusout", ਮਿਊਬਲੁਰਫੰਕਸਨ);
function ਮੇਂਈਫੋਕਸਫੰਕਸਨ() {
  document.getElementById("myInput").style.backgroundColor = "yellow"; 
}
}
  function myBlurFunction() { 
}
</script>

ਸਵੈ ਕ੍ਰਿਆ ਕਰੋ