How to force to lose focus of all fields in a form in jQuery

javascript jquery lost-focus
Jilco Tigchelaar picture Jilco Tigchelaar · May 27, 2013 · Viewed 71.2k times · Source

When a input field changes (onchange) I trigger a function to set a variable. The only problem is that the field first has to lose focus before the variable is set and I can check if the field(s) is changed, this is what I want to do when the user clicks on a tab so I can check if the user is forgotten to submit his form in the previous tab. Ho to force lose focus of all possible fields, so first the onchange event can take place?

Answer

Karl-André Gagnon picture Karl-André Gagnon · May 27, 2013

You can use this : 

$(':focus').blur()

If you don't have jQuery in your site, you can replace it by :

let el = document.querySelector( ':focus' );
if( el ) el.blur();

Related questions

Is it possible to write onFocus/lostFocus handler for a DIV using JS or jQuery?

I have a div and when the user clicks the div a function should be called. And when the user clicks something else (anything other than this div) another function should be called. So basically i need to have onFocus() …

Read More
How do I redirect to another webpage?

How can I redirect the user from one page to another using jQuery or pure JavaScript?

Read More
Why does my JavaScript code receive a "No 'Access-Control-Allow-Origin' header is present on the requested resource" error, while Postman does not?

Mod note: This question is about why Postman is not subject to CORS restrictions in the same way an XMLHttpRequest is. This question is not about how to fix a "No 'Access-Control-Allow-Origin'..." error. Please stop posting: CORS configurations for every …

Read More