New User Offer - Use NEW10 Coupon to get extra 10% off Call +91-8283017879

What is On-Blur and On-Focusout Function in JavaScript?

What is On-Blur and On-Focusout Function in JavaScript?

The on-blur function is similar to the on-focusout function. The main difference is that the on-blur function does not bubble. Therefore, if you like to find out whether a component or its child loses focus, you could use the on-focusout function. 

What is onfocus function?

An element with focus is still the active component in a document, but an active component does not necessarily have focus. For example, an active component within a window that is not the foreground window has no focus. Only one component can be active at a time in a document. 

  • Then you can get the component property.
  • To set the active component in your document use the focus as well as active component method.

What does the onfocus attribute fire in HTML?

The text box is the one position where onfocus can be used. In addition to that, when a user attempts to stroll down the list of objects in a separate box and the person has moved the mouse on every option, at a certain time, that option currently in the select box is at the focus.

What is the onblur function?

The blur event starts when the object loses focus.
Then you can try to run the following code to learn how to implement the onblur function as well as onfocus function in JavaScript.

Solution of onblur as well as onfocus function:-

<input type=”text” onblur=”onb()” onfocus=”onf()”>


function onf()


document.getElementsByTagName(“input”)[1].style.outline=”2px solid black”;



function onb()






When does the onblur attribute fire in HTML?

Onblur is most frequently used with form validation code (e.g. when the user exits a form field). Then the onblur attribute is contrary to the onfocus attribute.

For more details visit our site site.
Also, you can contact us on this number:- +918283017879
JavaScript is used in Advance Java Projects.
You can check advanced java projects Click Here
For see the video of Advance Java projects Click Here
In case of any doubt, Just try Once and we will not let you down

We will be happy to hear your thoughts

Leave a reply
Shopping cart