onfocusout ਈਵੈਂਟ
ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ
onfocusout ਈਵੈਂਟ ਇਲੈਕਟ੍ਰੋਨ ਨੂੰ ਫੋਕਸ ਹਾਰਣ ਜਾਂਦੇ ਹੋਏ ਹੁੰਦਾ ਹੈ。
ਹਾਲਾਂਕਿ Firefox onfocusout ਈਵੈਂਟ ਨਹੀਂ ਸਮਰਥਨ ਕਰਦਾ ਹੈ, ਪਰ ਤੁਸੀਂ onblur ਈਵੈਂਟ ਦੇ ਕਾਪਚਰ ਲਿਸਨਰ (addEventListener() ਮੈਥਡ ਦੇ ਵਿਕਲਪਿਤ useCapture ਪੈਰਾਮੀਟਰ) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਲੈਕਟ੍ਰੋਨ ਦੇ ਉਪ ਇਲੈਕਟ੍ਰੋਨ ਨੂੰ ਫੋਕਸ ਹਾਰਣ ਦੀ ਜਾਣਕਾਰੀ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹੋ onfocusout ਈਵੈਂਟ ਅਨੁਰੂਪ onblur ਈਵੈਂਟਮੁੱਖ ਅੰਤਰ ਇਹ ਹੈ ਕਿ onblur ਈਵੈਂਟ ਨਹੀਂ ਬੱਸਬਲਿੰਗ ਕਰਦਾ ਹੈ। ਇਸ ਲਈ, ਤੁਸੀਂ ਇਲੈਕਟ੍ਰੋਨ ਜਾਂ ਉਸ ਦੇ ਉਪ ਇਲੈਕਟ੍ਰੋਨ ਨੂੰ ਫੋਕਸ ਹਾਰਣ ਦੀ ਜਾਣਕਾਰੀ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ onfocusout ਈਵੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ。
ਹਾਲਾਂਕਿ Firefox onfocusout ਈਵੈਂਟ ਨਹੀਂ ਸਮਰਥਨ ਕਰਦਾ ਹੈ, ਪਰ ਤੁਸੀਂ onblur ਈਵੈਂਟ ਦੇ ਕਾਪਚਰ ਲਿਸਨਰ (addEventListener() ਮੈਥਡ ਦੇ ਵਿਕਲਪਿਤ useCapture ਪੈਰਾਮੀਟਰ) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਲੈਕਟ੍ਰੋਨ ਦੇ ਉਪ ਇਲੈਕਟ੍ਰੋਨ ਨੂੰ ਫੋਕਸ ਹਾਰਣ ਦੀ ਜਾਣਕਾਰੀ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹੋ。
ਹਾਲਾਂਕਿ Firefox onfocusout ਈਵੈਂਟ ਨਹੀਂ ਸਮਰਥਨ ਕਰਦਾ ਹੈ, ਪਰ ਤੁਸੀਂ onblur ਈਵੈਂਟ ਦੇ ਕਾਪਚਰ ਲਿਸਨਰ (addEventListener() ਮੈਥਡ ਦੇ ਵਿਕਲਪਿਤ useCapture ਪੈਰਾਮੀਟਰ) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਲੈਕਟ੍ਰੋਨ ਦੇ ਉਪ ਇਲੈਕਟ੍ਰੋਨ ਨੂੰ ਫੋਕਸ ਹਾਰਣ ਦੀ ਜਾਣਕਾਰੀ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹੋ ਸੁਝਾਅ: onfocusin ਈਵੈਂਟonfocusout ਈਵੈਂਟ ਨਾਲ
ਵਿਲੱਖਣ
ਉਦਾਹਰਣ
ਉਦਾਹਰਣ 1
ਜਦੋਂ ਇੰਪੁਟ ਫੀਲਡ ਫੋਕਸ ਹਾਰਨ ਜਾ ਰਿਹਾ ਹੈ ਤਾਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਚਲਾਓ:
<input type="text" onfocusout="myFunction()">
ਪੰਨੇ ਦੇ ਨਾਲ ਹੋਰ TIY ਉਦਾਹਰਣ ਹਨ。
ਗਰੰਥਾ
HTML ਵਿੱਚ:< element.addEventListener("focusout",onfocusout="
">
ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ, addEventListener() ਮੈਥਡ ਦੀ ਵਰਤੋਂ ਕਰਕੇ:In JavaScript (ਮੰਗਿਆ ਹੋਇਆ ਹੈ ਨਹੀਂ ਚਾਹੇ ਚਰੋਮ, ਸਫਾਰੀ ਅਤੇ ਓਪਰਾ 15+ ਵਿੱਚ):.addEventListener("focusout",.onfocusout = function(){
};
ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ, addEventListener() ਮੈਥਡ ਦੀ ਵਰਤੋਂ ਕਰਕੇ:object .addEventListener("focusout",myScript
Note:); Internet Explorer 8 ਜਾਂ ਪੁਰਾਣੇ ਤੋਂ ਵੱਧ ਦੀਆਂ ਸੰਸਕਰਣਾਂ ਵਿੱਚ ਸਮਰਥਨ ਨਹੀਂ ਹੈaddEventListener() ਮੈਥਡ
。
| ਤਕਨੀਕੀ ਵੇਰਵੇ | Supported |
|---|---|
| ਬੱਸਬਲਿੰਗ | ਰੱਦ ਕਰਨ ਵਾਲਾ |
| ਇਹ ਸਮਰਥਨ ਨਹੀਂ ਹੈ | FocusEvent |
| ਸਮਰਥਤ ਹੋਣ ਵਾਲੇ HTML ਟੈਗ | ਸਾਰੇ HTML ਐਲੀਮੈਂਟਸ, ਬੱਸ <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> ਅਤੇ <title> |
| DOM version: | Level 2 Events |
Browser support
The numbers in the table indicate the first browser version that fully supports the event.
| Event | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| onfocusout | Supported | Supported | 52.0 | Supported | Supported |
Note:The onfocusout event may not work as expected in Chrome, Safari, and Opera 15+ using JavaScript HTML DOM syntax. However, it should be used as an HTML attribute and with the addEventListener() method (see the syntax examples below).
More examples
Example 2
Using "onfocusin" and "onfocusout" events together:
<input type="text" onfocusin="focusFunction()" onfocusout="blurFunction()">
Example 3
event delegation: set the useCapture parameter of addEventListener() to true (for focus and 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() {
}
</script>
Example 4
event delegation: using focusin event:
<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() {
}
</script>
