What is the use of blur function in JavaScript?

Question

Rajkiran Swain · Answer

The blur method has no effect on an element that is not the active element in the document. If you use the blur method for the active element, then it loses the active state (and of course the focus, too), and fires the onblur event. Note: the onbeforedeactivate, ondeactivate, onfocusout and DOMFocusOut events are also fired. In that case, the body element becomes the active element. You do not need to call the blur method on the active element before you set the focus to another element, only use the focus or setActive method on that element. The blur method behaves differently on the window object in different browsers. If the browser window is the foreground window and the window.blur method is called: in Internet Explorer, the operating system activates another application window in Firefox, Google Chrome and Safari, the browser window only loses the active state when another Firefox, Google Chrome or Safari application can be activated in Opera, the blur method has no effect for windows. If you need the active element in the document, use the activeElement property. If you need to simulate other events, see the pages for the dispatchEvent and fireEvent methods. Syntax: object.blur ( );

Chiranjeevi Aripaka · Answer

blur function Enter your name: When you leave the input field, a function is triggered which transforms the input text to upper case. function myFunction() { var x = document.getElementById("fname"); x.value = x.value.toUpperCase(); }

Puneet Kankar · Answer

The blur event occurs when an element loses focus. The blur() method triggers the blur event, or attaches a function to run when a blur event occurs. Tip: This method is often used together with the focus() method.